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

References

📖 Reference Materials

Internal

Prerequisites

Intro to HTML
Intro to CSS

Course landing pages

Resources

✏️ Instructor Guide

🎥 Video Hub

🏗️ Release Notes

Find a 👾 bug 👾 or have suggestions? Let us know!