breakpoints

Type
Object
Common to All
Yes
Block
Description

Refer here.

Breakpoints

Structure

"breakpoints": {
  "tablet": {
    widthType
    blockWidth
    blockHeight
    fitHeightToContent
    contentPadding
    contentMargin
    boundingBox
    blockVisibility
  },
  "mobile": {
    widthType
    blockWidth
    blockHeight
    fitHeightToContent
    contentPadding
    contentMargin
    boundingBox
    blockVisibility
  }
}

Size

Tablet breakpoints

@media screen and (min-width: 576px) and (max-width: 991px)

Explanation:When width of browser is in between 576px and 991px, the tablet breakpoint customization will be used.

Mobile breakpoints

@media screen and (max-width: 575px)

Explanation:When width of browser is lesser than 575px, the mobile breakpoint customization will be used.

Desktop breakpoints

Desktop breakpoints will be used by default if width of browser if more than 991px.