CSS Columns

3min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

The median mobile page declares border box 22 times. 44% of people declare on the star selector. CSS columns have had an increase of three points since 2021 and now up to 23%. So people are using them. They have a specific use case. And that specific use case is when your content goes vertical down, vertical down,. It doesn't work necessarily with flexbox the same way. I don't know if these were all newer or what but there's a lot of properties here that I didn't realize existed from column count to column fill column gap.

In this episode of Syntax, it’s part 2 of Wes and Scott’s journey through the CSS Trends Almanac for 2022 talking through the rest of the popular CSS properties on the web.

Prismic - Sponsor

Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes