FrontendMasters – Ultimate CSS Grid & Layout Techniques, v3 2024-5

Ultimate CSS Grid & Layout Techniques, v3. CSS Grid is the most important tool in a modern web developer’s toolbox for designing web pages. With its two-dimensional structure, precise positioning, and overlapping elements, you’ll learn to create 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. Jen Kramer begins the course by sharing the history of page layout from the early days when there was little CSS support to today’s full support for CSS Grid and advanced layout features like container queries and subgrid. The course website is provided. The exercises are coded in CodePen. Grid and Flexbox are compared.

What you will learn:

• Designing Complex Layouts with CSS Grid
• Precise positioning of elements on web pages
• Creating overlapping elements
• Using container queries for adaptive components
• Implementing subgrids for nested layouts
• Practical application of techniques in real projects with CodePen

Who is this course suitable for?

• Web developers who want to improve their CSS Grid skills.
• Web designers looking to create complex and attractive layouts.
• Anyone who wants to learn advanced CSS Grid techniques.