The Odin Project - HTML/CSS exercise
Attempting to recreate a google result page. This is the second exercise after completing the css/html lessons in the WebDev 101 section.
Things I have skipped: * Transition speed of the "people also asked" collapsible * The Gooooooooogle navigation at the bottom of the screen * Forgot feedback snip under "people also asked" * Scroll right function for the video section * Expansion of bottom "people also asked" for additional content * Option buttons, hold active status (blue bottom border and rainbow font) * Sticky nav bar requires knowledge of javascript
Progress notes:
2019 Sep 18 - Working on positioning the web results; right now one is ontop of the other because they share the same class which has absolute poistioning... Also need to change out the text for the second batch of web results. video jibberish was added as an attempt to force the second group down but did not work
2019 Sep 19 - working on first featured, getting the bttom information straight then buttoning up the fonts and final positions. Then onto the first results section
2019 Sep 20 - got the first result, now i need to work on video section and the spacing between the results and video sections.
2019 Sep 24 - finished video section, now working on spacing between sections. Then on to people also asked box.
2019 Sep 25 - working on "People also asked" collapsible. Left off trying to get it to transition open correctly, then remove blue border when active, and then I need to add arrow.
2019 Sep 26 - Finished the majority of the main section. Now getting header divided up and straight.
2019 Sep 27 - Working on the buttons under the search bar. Remember blue border under active button!!
2019 Sep 30 - Finished header main layout, now need to work on scrolling effect and then on to footer
2019 Oct 01 - Finished with as much as I want to get done :)