Back to Browse

Create a Custom Grid System with CSS Calc() and Sass

25.1K views
Apr 12, 2017
14:15

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