gridly
Version:
The minimal (~100-170 bytes) grid system for modern browsers.
4 lines (3 loc) • 363 B
CSS
.row{display:flex}.col{flex:1}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}}
@media(min-width:48em){.col-tenth{flex:0 0 10%}.col-fifth{flex:0 0 20%}.col-quarter{flex:0 0 25%}.col-third{flex:0 0 33.3333334%}.col-half{flex:0 0 50%}}
.col-gutters+.col-gutters{margin-left:2em}@media(max-width:48em){.col-gutters+.col-gutters{margin:0 0 2em}}