ronliu / google-homepage Goto Github PK

An attempt at recreating the Google homepage. This is my first project using HTML and CSS!

Live preview: https://ronliu.github.io/google-homepage/

What I learned:

• how to organize files for a simple webpage (root, css, images folders)
• basic html structure and elements needed for a page to run
• adding page titles and favicons
• using flexbox to position separate groups of elements
• the difference between padding and margins!
• following style guides to keep my code, class names, and formatting consistent
• learning the differences between title and alt and ways to improve my page's accessibility
• using css pseudo-classes (:hover, :focus) to make more complex styles

I ended up spending longer than expected on this, but it was a great learning experience and I feel a lot more confident about writing HTML and CSS. I took my time to figure out flexbox, look up different style guides, and go over multiple html tutorial videos in order to learn as much as I could, and I hope that effort is reflected in this project!