CSS Grid and Flexbox Resources
A list of some things I find helpful.
My list of favorite resources
It seems like I always have tabs open with CSS Tricks A Complete Guide to Flexbox and A Complete Guide to Grid. They're great quick references. I use them all the time.
These are resources I use when I need more than a quick reminder of how something works:
- Rachel Andrew - Grid By Example. A collection of examples, tutorials, and other resources.
- Stephanie Eckles: SmolCSS. "Minimal snippets for modern CSS layouts and components".
- Jen Simmons: Layout Land. Excellent video series for anyone trying to learn.
- Wes Bos: CSS Grid Course (Free). "Learn CSS Grid with Wes Bos in 25 pretty good videos".
These projects are great inspiration to help you get motivated to experiment:
- Games to help you understand Grid and Flexbox basics: Flexbox Froggy and CSS Grid Garden
- Front-End Friday: House Brand. A project walkthrough tutorial inspired by Layout Land: Responsive Mondrian – a demo of CSS Grid.
- Frontend Horse: Thinking Outside the Box with CSS Grid. This is a really cool project walkthrough that shows what's possible with CSS grid.