To quote Chris Coyier from his recent post, Modern CSS Features You Need to Know:
Given CSS’s ever-evolving capabilities, having a robust understanding allows you to build better-looking, higher-performing, and more accessible websites. And Jen Kramer’s new course Ultimate CSS Grid & Layout Techniques will level-up your layout skills and take you beyond the basics with Grid, Flexbox, Subgrid & Container Queries.
Ultimate CSS Grid & Layout Techniques
Go from zero to layout hero! CSS Grid is the most important tool in a modern web developer’s toolkit for laying out web pages. With its two-dimensional structure, precise positioning, and overlapping elements, you’ll learn to achieve complex layouts with minimal code. You’ll also explore advanced techniques like container queries for adaptive components and subgrids for nested layouts. Through hands-on CodePen exercises, you’ll apply these techniques to real-world projects.
Highlights from the course:
- Learn the fundamentals of CSS Grid and when to use it versus Flexbox.
- Layout complex design by spanning rows, columns, and areas.
- Practice mobile and desktop-first approaches to CSS layout.
- Explore responsive image techniques with the srcset and sizes attributes and art-direct your images with the picture element.
- Use the latest layout features of CSS including Subgrid and Container Queries.
Enjoy the new Ultimate CSS Grid & Layout Techniques course!
Podcast Episode with Jen Kramer
We also recorded a podcast episode with Marcy and put it up on YouTube: Jen Kramer: CSS evolution, teaching @ Harvard extension, no code | The Frontend Masters Podcast Ep.3
The episode is up on Spotify and Apple Podcasts as well!
