Code '23

But what about normal flow?

About this presentation

When people talk about CSS layouts these days, it’s all about flex and grid. And, don’t get me wrong, flex and grid are pretty cool. But normal flow is still the default layout on the web, so that's what most of your app is probably using. And given that normal flow is so fundamental, it's important to have a good understanding of how it works. But how it works can be a little counter-intuitive. Why, for instance, can we easily centre a thing horizontally, but not vertically? Let's have a look at the mental model behind normal flow, what kind of things it's good for, and when some of the newer, shinier features might be a better choice.