Front Range Front-End Meetup

CSS is fully of powerful features and cool tricks … that seem to only work if you set 3 other "unrelated" properties to specific values. Sometimes CSS feels likes a Beautiful Mind yarn wall: if you miss one distant push pin, nothing makes sense. This is particularly frustrating to back-end/JS devs to find themselves writing CSS infrequently.

Fortunately, the yarn wall is decipherable! That's why we're kicking off a new series of talks on "Little Known CSS Basics" - diving into the foundational parts of CSS that make the more complicated things work as expected.

This week we'll look at the CSS Box Model. Nope, it doesn't sound flashy, but it's core to the rest of CSS layout properties. Height & width, columns & rows, Flexbox & Grid - all these layout techniques rest on the CSS Box Model.