Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

info
Code Block
sm: 37.5rem,
md: 60rem,
lg: 79rem,
xl: 119rem,

Mobile First

The Aspenware Commerce Platform is built mobile first, so when creating your CSS breakpoints we recommend targeting min-width instead of max-width.

Example:

Code Block
@media only screen and (min-width: 60rem) {
  // YOUR CSS
}

...