AllanSeitz / assignments

All Suncoast assignments
0 stars 0 forks source link

Week 02 Day 1 - Octodex #4

Closed gstark closed 6 years ago

gstark commented 6 years ago

GitHub has a great mascot called OctoCat. OctoCat even has it's own gallery of variations, created by GitHub itself and fans, called Octodex.

Unfortunately, the Octodex is not responsive*! Today, your task is to recreate the layout of The Octodex as closely as possible, but make it responsive. You can use all the tools you have at your disposal to get the job done. Use your browser's Developer Tools to inspect their site to find the exact font sizes and padding amounts.

* Well, actually it uses javascript set the number of columns on page load, but we want to see interactive responsiveness when we resize our window!

Objectives

Requirements

Explorer Mode

Adventure Mode

Epic Mode

AllanSeitz commented 6 years ago

https://github.com/AllanSeitz/octo.git surge ./public --domain octo-allan.surge.sh

AllanSeitz commented 6 years ago

i will try and get it working way better, but im ok with where its at

AllanSeitz commented 6 years ago

https://github.com/AllanSeitz/octo.git surge ./public --domain octo-allan.surge.sh

gstark commented 6 years ago

The images aren't formatted nice in mobile. I'm going to leave this open for now in case you want to come back and work on it later.

AllanSeitz commented 6 years ago

https://github.com/AllanSeitz/octo.git

octo-allan.surge.sh HOLY COW IT WORKS

gstark commented 6 years ago

Your homework was marked: Meets Expectations

Great job!

“Great job!” — via Jason L Perry