Breakpoints

Breakpoints are used in the CSS code to set up the screen width at which the design switches from the mobile to the desktop version.

We base our theme off these breakpoints found in the Magento's base themes.

@screen__xxs: 320px

 

@screen__xs: 480px

 

@screen__s: 640px

 

@screen__m: 768px (This breakpoint switches between mobile and desktop views) - The majority of breakpoint changes happen at this breakpoint. All mobile styles will change over to the desktop styles.

 

@screen__l: 1024px

 

@screen__xl: 1440px

Page:
Copyright © 2013-present Bountiful Gardens. All rights reserved.