Closed gstark closed 6 years ago
https://github.com/AllanSeitz/octo.git surge ./public --domain octo-allan.surge.sh
i will try and get it working way better, but im ok with where its at
https://github.com/AllanSeitz/octo.git surge ./public --domain octo-allan.surge.sh
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.
https://github.com/AllanSeitz/octo.git
octo-allan.surge.sh HOLY COW IT WORKS
Your homework was marked: Meets Expectations
“Great job!” — via Jason L Perry
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
You should strive to implement the design as close as possible, though, especially if you've never touch HTML or CSS before, this can be extraordinarily difficult, and will take a lot of practice and mileage.
Note: You should complete at least the tasks given for explorer mode as listed below before turning in the assignment, as well as before attempting adventure or epic modes.
Explorer Mode
flex-wrap
property).Adventure Mode
Epic Mode