10 modern layouts in 1 line of CSS
by Una Kravets
In this article and related resources Una shows how to create modern layouts with just a small amount of CSS. The layouts mostly use CSS Grid and Flexbox.
- Article (written and video): https://web.dev/one-line-layouts/
- Editable Demo Examples on Glitch: https://1linelayouts.glitch.me/
- GitHub Repository: https://github.com/una/1linelayouts
- YouTube Video page [21m 38s]: https://youtu.be/qm0IfG1GyZU
And here are the layouts on Codepen: