CSS Flexbox and Grid have changed the game when it comes to web page layout. Unfortunately it is not always so clear how best to use these tools to create the layout we need.
- Ten modern layouts in one line of CSS by Una Kravets – This awesome resource includes a video walk through. Una also created a Codepen style playground: https://1linelayouts.glitch.me/
- Common CSS Flexbox Layout Patterns with Example Code by Tobias Ahlin
- CSS Layout MDN Web Docs
- Getting Started With CSS Layout by Rachel Andrew
- 18 Free Beautiful CSS Layouts for User Interface Designers by Alex Ivanovs
Learn the basics: