SCSS: Simple 12-Column Grid

1
2
/* 12-column Grid */
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
I think the end of float-driven grids is near. But I can't use Flexbox on my client projects until browser support is absolutely 100%, so I'm still using this.

The column alignment method is from a CSS Tricks post:
https://css-tricks.com/dont-overthink-it-grids/

Then I added the equation that handles any column & gutter setting, as well as the SASS @for loop setup (which generates all of our individual column classes).

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.