Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

CSS Grid Course

via freeCodeCamp

Start learning Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → Boot.dev Ad

The Most Addictive Python and SQL Courses

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course introduces CSS Grid layout, covering grid creation, sizing, positioning, template areas, implicit rows, alignment, and responsive techniques such as auto-fit, auto-fill, and minmax. Learners also create image and article layouts and compare Grid with Flexbox.

Syllabus

1. Course Introduction.
2. Your first grid.
3. Fraction units and repeat.
4. Positioning items.
5. Template areas.
6. Auto-fit and minmax.
7. Implicit rows.
8. An awesome image grid.
9. Bonus: Named Lines.
10. Bonus: Justify-content and align-content.
11. Bonus: Justify-items and align-items.
12. Bonus: Auto-fit vs. auto-fill.
13. Bonus: Creating an article layout.
14. Bonus: Grid vs. Flexbox.

Taught by

freeCodeCamp.org

Reviews

4.0 rating, based on 1 Class Central review

Start your review of CSS Grid Course

  • Profile image for Beekella Gurunadham
    Beekella Gurunadham
    Good .pls try to more deeply teaches the course and provide free certificate .good chance to improve skills
Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.