CSS Grid in Practice
Build page and component layouts with CSS Grid, from simple two-column pages to full dashboards.
What you'll learn
- Define grids with fr units, minmax() and repeat()
- Place items with line numbers and named template areas
- Build card grids that wrap with auto-fit and auto-fill
- Align nested content with subgrid
- Choose between Grid and Flexbox for a given component
About this course
You learn Grid by laying out real screens: a blog, a product listing and an admin shell. You work with tracks, named areas, auto-fit and subgrid. Each lesson ends with an exercise and a solution file to compare against.
Course curriculum
4 modules and 12 lessons over 3 weeks. Plan for about 9 learning hours.
01Grid fundamentalsWeek 1 · 3 lessons
- Tracks, lines and cells
- fr units and minmax()
- gap and alignment
02PlacementWeek 1 · 3 lessons
- Line-based placement
- Named template areas
- Overlapping items
03Responsive gridsWeek 2 · 3 lessons
- auto-fit versus auto-fill
- Grids without media queries
- subgrid for aligned cards
04Layout exerciseWeek 3 · 3 lessons
- Blog layout
- Product listing
- Admin dashboard shell
Project
Three Grid layouts. A blog, a product listing and a dashboard shell, each built from a supplied design file.
Who this course is for
Learners comfortable with CSS basics who still reach for floats or nested Flexbox for page layout.
Prerequisites
You know selectors, the box model and basic Flexbox.
What's included
- 120-day course access
- Step-by-step lessons
- Practice files
- Reusable code templates
- A graded final exercise
- A digital completion certificate
Learning format
Self-paced practical course, part of our self-paced courses. Graded final exercise with written feedback.
Access and delivery
- Enrollment is activated within 15 minutes after payment.
- Final exercise feedback is delivered within 2 business days of submission, and the completion certificate is issued within 2 business days after passing the final exercise.
Certificate
You receive a digital completion certificate. Final exercise feedback is delivered within 2 business days of submission, and the completion certificate is issued within 2 business days after passing the final exercise.
Frequently asked questions
When does access start?
Enrollment is activated within 15 minutes after payment.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for self-paced course programs.
