Learn CSS Grid
Offered By: Scrimba
Course Description
Overview
This tutorial teaches you CSS Grid through 14 interactive screencasts. You'll learn all the key concepts while building three awesome layouts: a website, an image grid, and an article. Plus, you'll learn how to combine CSS Grid with Flexbox.
- CSS Grid fundamentals
- Starting with grid
- Responsive grids
- Fraction units
- Repeat
- Positioning items
- Template areas
- Auto-fit
- minmax
- Implicit rows
- Named lines
- justify-items
- align-items
- auto-fit vs auto-fill
- Create an article layout
- An awesome image grid
Syllabus
- Learn CSS Grid
- 1. Intro to the CSS Grid course
- 2. Your first grid - CSS Grid tutorial
- 3. Frontend Career Path
- 4. Fraction units and repeat - CSS Grid tutorial
- 5. Positioning items - CSS Grid tutorial
- 6. Template areas - CSS Grid tutorial
- 7. Auto-fit and minmax - CSS Grid tutorial
- 8. Implicit rows - CSS Grid tutorial
- 9. An awesome image grid - CSS Grid tutorial
- 10. Named Lines - CSS Grid tutorial
- 11. justify-content and align-content - CSS Grid tutorial
- 12. justify-items and align-items - CSS Grid tutorial
- 13. Auto-fit vs. auto-fill - CSS Grid tutorial
- 14. Creating an article layout - CSS Grid tutorial
- 15. Grid vs. Flexbox - CSS Grid tutorial
- 16. Why are Solo Projects important?
- 17. Solo Project (PRO) - BBC News Clone
- 18. Congrats on completing the CSS Grid course!
Related Courses
HTML5 and CSS FundamentalsWorld Wide Web Consortium (W3C) via edX Build Responsive Real-World Websites with HTML and CSS
Udemy HTML5 & CSS3 Course: Build Responsive Websites from Scratch
Udemy Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy Modern HTML & CSS From The Beginning 2.0 (2024 Revamp)
Udemy