Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Build the Google homepage

Project Source:

Odin's Notes

"DONT BE A PERFECTIONIST! You're just trying to make it look like, not actually function like it and it doesn't have to be spaced exactly the same way to the pixel. Any dropdown menus or form submissions or hover-highlighting should be ignored."

In other words, don't expect this to actually DO anything...

My result:

See it live here!

"My" Google

What I copied:

Google's Google


Not bad, no?

Their footer weight was a little bolder, but not bold enough to be called "bold". I tried different font weights, but couldn't zero in on it exactly.

I also didn't do the nav bar across the top. I know how to position things, that would just be busy work, and I wanted to move on to the next lesson.

Clicking inside the search bar results in the same border around the search bar, and my page has the same minimum width (so it stops shrinking in at the same time theirs does.)

Aside from the very slight font-weight difference in the footer (and the lack of a top nav) I think it's pretty dead on.

You can’t perform that action at this time.