Max-Width Utility Classes to Every Oxygen Site! - DigitalAmbition.co

PHOTO EMBED

Thu Feb 17 2022 08:12:35 GMT+0000 (UTC)

Saved by @Prowhiz #css #oxygenbuilder

/* To use REM units effectively, you'll want to make sure you reset your root font-size to 62.5% */

html {
     font-size: 62.5%;
}

/* MAX WIDTH UTILITY CLASSES */

.max-w--320 {
  width: 100%;
  max-width: 32rem;
}

.max-w--480 {
  width: 100%;
  max-width: 48rem;
}

.max-w--640 {
  width: 100%;
  max-width: 64rem;
}

.max-w--720 {
  width: 100%;
  max-width: 72rem;
}

.max-w--960 {
  width: 100%;
  max-width: 96rem;
}

.max-w--1120 {
  width: 100%;
  max-width: 112rem;
}

.max-w--full {
  width: 100%;
  max-width: 100%;
}
content_copyCOPY

https://digitalambition.co/watch/add-these-max-width-utility-classes-to-every-oxygen-site/