The Joy of CSS Grid - Build 3 Beautifully Simple Responsive Layouts

Build 3 responsive CSS grid examples to master the basics of this powerful layout system. https://github.com/fireship-io/224-animated-css-grid

Full Tutorial: https://fireship.io/lessons/three-responsive-css-grid-layouts/

1. Responsive 12-column bootstrap replacement.
2. Mosaic photo gallery.
3. Staggered animation grid.

Featuring special guest Bob Ross.

#css #grid #tutorial

Install the quiz app 🤓

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

My VS Code Theme

• Atom One Dark
• vscode-icons
• Fira Code Font ... https://www.youtube.com/watch?v=705XCEruZFs