Mastery Games

Overwatch Hero Picker with CSS

Let's build the awesome Hero Picker UI from Overwatch. We'll use CSS grids, flexbox, and a bunch of other goodies. You'll want to grab Firefox Nightly for its awesome Grid layout tool.

Clone the repo and let's build it together.

git clone

Let me know if you find other awesome UI's (from games/sci-fi movies/etc.) you'd like walkthroughs for!

Grid Critters Game

Master CSS Grid right from the start by playing this new mastery game. You'll learn the ins and outs of Grids one fun level at a time, while saving an adorable alien life form from certain destruction.Master CSS Grid