Explore a new approach to container and wrapper classes in this 25-minute video tutorial. Learn how to use CSS grid to emulate containers and create simple breakouts, potentially eliminating the need for traditional container classes. Dive into setting up a grid with named lines, adding breakout and full-width elements, and improving column sizes. Follow along as the instructor demonstrates the concept, inspired by articles from Stephanie Eckles and Ryan Mulligan. Gain insights into this complex but potentially rewarding technique for more flexible and efficient web layouts. Access the finished code, related resources, and timestamps for easy navigation through the tutorial content.
Overview
Syllabus
- Introduction
- What we could have instead
- Inspiration for this idea
- Setting up the grid with named lines
- Adding a breakout to the grid
- Adding a full-width to the grid
- Improving the column sizes
Taught by
Kevin Powell
