level up some UI chops

Overwatch Hero Picker

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 https://github.com/geddski/overwatch-hero-picker

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

The Future of Layout is Here

Master CSS Grids right from the start by playing this new interactive Story Course. 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.