/* 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%; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter