My attempt to recreate the Google homepage, an example Google search result and the Google 404 page.
From The Odin Project's curriculum.
You can the site live here;
Easy Version: Google.com homepage.
Difficult Version: Google.com search results page.
Just for fun: Google.com 404 page.
What I learnt
This project took much longer to build than I expected, but it was a great way to develop my CSS layout skills as I couldn't use the Google page source to understand how the layout was done (as it was uglified and minified). This forced me to build out my own HTML structure for the page as well as write most of the CSS myself. I did use the Developer Tools in my browser occasionally when I got stuck.
I did learn about using the CSS rule
background-position as a clever way to use muliple parts of the same image. This is a good way to lower your number of HTTP requests. I used this technique in the search results navigation at the bottom of the page.