Understanding CSS Layout – From inline elements to Flexbox and CSS Grid

As CSS offers more and more power, it becomes difficult to keep a clear overview: is CSS Grid replacing Flexbox? What happens to the old stuff – floats, tables, and the good old inline-block? When should I start using CSS Grid?

This full-day workshop is a comprehensive and in-depth look at CSS Layout. Flexbox and CSS Grid we’ll be our main focus, but we’ll be looking at them in context to understand how they play with each other and with the other layout modes. We’ll also look at grid usage in design and venture into a more artistic area with CSS Shapes.

Although no prior knowledge of either Flexbox or Grid is expected, we are not going to dwell on basics and move on to advanced topics quickly.

There will be many exercises throughout the day, so please bring your laptop. No special setup required; we'll just need a browser.

Requirements: basic HTML/CSS