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.