CSS Grid
About
This module on CSS Grid is tailored for beginner to intermediate-level software engineers who are looking to expand their front-end development skills. CSS Grid offers a two-dimensional system for creating complex and responsive web layouts with ease. Throughout this module, we’ll explore the fundamentals of CSS Grid, including grid containers, positioning items, and integrating Flexbox for individual item alignment.
Content
| Lesson | Skills |
|---|---|
| Setup | Setting up the development environment |
| Concepts | Identify modern use cases for CSS grid |
| Fundamentals | Implement a full page grid layout with grid rows and columns |
| Grid Template Areas | Use alternative syntax to layout grid template areas |
| Responsive Grids | Adapt grid layouts for different screen sizes using media queries |
| Practical Examples | Identify CSS Grid in the wild |