CSS-Tricks Screencast #115 - Don't Overthink It Grids

Making your own grids is easy.

[Scrollua]

The main purpose of grid frameworks is to deal with dynamic content of different height, in order to utilise as much of available space as possible. Usually you don't have much control over that content (user generated or grabbed from external API / web-service), therefore grid frameworks make sure that layout will look OK within majority of browsers with appropriate fallbacks applied.

Thank you for the video, you did a great job by highlighting that grid-engines are an overkill in most cases.

[gloverelaxis]

Maybe it'd be a bit cleaner to apply the left padding to .grid:first-child - in case you wanted some element sitting in the .grid div that you didn't want to receive that padding. Great screencast! Thanks so much.

[freddiecampbell]

Chris, what are you doing on You Tube? Don't you miss out on traffic to your website?

[RajabNatshah]

Thanks Chris, we really need not to overthink many parts, Are we going to focus on SCSS ? I think I like to write a small CSS script and have it work with many browsers. But It’s hard to keep it small.

[ya]

Great video Chris!

I'd like you to ask one thing, do you have suggestions for naming the css classes? I'm dealing with a big site by myself and I find hard to find the correct way to name things.

[angeloalcanar]

Thanks for this, just exactly what i need! You got a subscriber here! :)

[TheRealJohn]

Thanks, Chris, for showing us that our designs do not need to rely on bloated frameworks as a place to start. This way is a lot cleaner and much easier to manage.

[heyyy]

really nice, I preffer total control over my projects, to archive this its necessary understant all possible. Thanks a lot, its usefull.

[DamienOBrienJ]

I code the same way, Just kinda take the whatever, as long as it works.

[kanine]

Very helpful video. Custom grids are cool.