Responsive Design

Zombies can attack anytime and anywhere. So if you build websites that work on your phone and your desktop you’ll be ready to stop them no matter where you are or what you’re doing. Responsive design will let you build one website to stop them all.

Responsive Design is a framework of code and processes and approaches that will make your website (and zombie destruction) as versatile as the screens thrown at it. You’ll learn how responsive design works, why it’s a great option, how media queries can change your page, what the viewport meta tag does, what to do about images and other media, and a horde of best practices for making your website awesome no matter what screen it displays on.

You won't just passively take in the view, like a zombie shuffling across the mainland. You’ll have plenty of combat practice with analogies, examples, and code tutorials you can build, break and fix again. Working with your hands and your head you’ll craft code that pleases the eye and knocks a zombie into last Tuesday.

All the code and directions are provided as both CodePen tutorials and downloadable HTML files, so you can fight the apocalypse how and where you like. You can work with them on the codepen site or on your own device.

And later you'll bring those skills together in a final project that cements those skills into zombie smashing muscle memory.