AI, Data Science & Cloud Certificates from Google, IBM & Meta
The Most Addictive Python and SQL Courses
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