CSS Grid by Wes Bos
FreeLearn CSS Grid with Wes Bos for free
FreeFree tier
LinksX
About CSS Grid by Wes Bos
CSS Grid by Wes Bos is a free video course that teaches the CSS Grid layout system—a native CSS feature for creating flexible two-dimensional layouts. The course consists of 25 videos, starter files, and completed HTML, CSS, and JS solutions for each exercise. It is sponsored by Mozilla Firefox and includes English captions, making it accessible to ESL learners. Wes Bos, a full-stack developer and popular educator, guides learners through concepts like placing, sizing, aligning, and architecting designs that were previously difficult with floats or flexbox.
Key Features
25 video lessons covering CSS Grid fundamentals
Starter files and completed solutions for each exercise
English captions for all videos (ESL-friendly)
Sponsored by Mozilla Firefox with integrated Grid dev tools
Teaches two-dimensional layout placement, sizing, and alignment
Pros & Cons
Pros
- Completely free with no hidden costs or catch
- High-quality instruction from experienced teacher Wes Bos
- Includes practical exercises with starter files and solutions
- Accessible with ESL-friendly English captions
- Sponsored by Mozilla Firefox, leveraging excellent Grid debugging tools
Cons
- Only covers CSS Grid, not general CSS or other layout methods
- Video format may not suit all learning preferences
- Assumes modern browser support for Grid; legacy IE11 support not covered in depth
Best For
Learning CSS Grid from scratchCreating flexible two-dimensional web layoutsUnderstanding modern CSS layout syntax without frameworksSupplementing front-end development education with practical exercises
FAQ
What about browser support for CSS Grid?
Read Rachel Andrew's article on Smashing Magazine. Even if you cannot use CSS Grid today, it is worth learning as older browsers will fade away.
How does CSS Grid compare to Flexbox?
There is a dedicated video in the course comparing them. In short, they both do their own thing, but there is a large amount of overlap in functionality.
Can I email you with questions?
Due to the large number of students (over 169,000), direct email support is not available. Premium class members can use the #CSSGrid room in the Slack channel.
Can I host a meetup, stream in my classroom, or arrange a viewing party?
Yes, as long as you do not redistribute the videos. You are welcome and encouraged to do so.