10 modern layouts in 1 line of CSS

Name: 10 modern layouts in 1 line of CSS
Uploaded: 2020-07-16T00:00:55Z
Duration: 21 min 39 s
Channel: Chrome for Developers
Description: A Chrome for Developers video showing ten modern page layouts built with a single line of CSS each. It demonstrates techniques such as grid and flexbox patterns, clamped sizing and aspect ratios. HN people submitted it as a quick tour of how much layout CSS now does in one line, and point to it when layout patterns come up.

Chrome for Developers

4 HN recommenders · recommended in 3 months, 2020–2021

YouTube

1.2M views · 6 years ago · tutorial · intermediate · evergreen

A Chrome for Developers video showing ten modern page layouts built with a single line of CSS each. It demonstrates techniques such as grid and flexbox patterns, clamped sizing and aspect ratios.

HN people submitted it as a quick tour of how much layout CSS now does in one line, and point to it when layout patterns come up.

CSS & front-end design craft Layout, grids & composition

#css #cssgrid #flexbox #layoutpatterns #responsivedesign