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.git

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

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.