A look at the awesomeness of calc() in CSS, and how it can save you a TON of time in creating a grid system. And if you're willing to stick around, I show you how to can use Sass and @for to do the same thing in only 4 lines of code!
---
Codepen CSS calc (): http://codepen.io/kevinpowell/pen/LWvbWb
Codepen Sass @for: http://codepen.io/kevinpowell/pen/XMLMVE
New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass
If you want to know more about @for: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#_10
--
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell/
Download
0 formats
No download links available.
Create a Custom Grid System with CSS Calc() and Sass | NatokHD