by @chrisnager
Ready for the latest in CSS ? Check the flex flavor !
ungrid is a responsive, table-based CSS grid system. To use, simply put as many .col
s as you wish in your .row
s and the .col
s will automatically be evenly spaced. This allows you to roll your own simple grids.
ungrid.css (97 bytes minified):
@media (min-width: 30em) {
.row { width: 100%; display: table; table-layout: fixed; }
.col { display: table-cell; }
}
Go for it. Both fixed and percentage base widths work perfectly. You can even use them together. The remaining columns will take up the rest of the available space.