Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
README.md
index.html
style.css

README.md

Project Title

Google Homepage From The Odin Project's curriculum.

Description

This is my first HTML/CSS project. It consisted in creating a webpage that would look like the google.com homepage.

The dropdown menus, form submissions, and hover-highlighting were to be ignored. I however chose to add the hover-highlighting effects.

What I learnt (main takeaways)

- How to center a div.
In a previous version, I used the `transform` property.
In the newest version, I simplified my code: Instead of using the `transform` and `absolute` properties, I used `margin: 0 auto;` to center the div horizontally, `text-align: center;` to center the elements in the div.

- How to make a footer stick to the bottom of the page.

- How to use the `float` property.

- How to use Dev tools to identify, for example, the background color of a button.

- How to use Dev tools to debug our own code.

- How to use classes.

- How to create a basic form.

Built With the Help of

Atom 1.24.0 Chrome and Mozilla Dev tools were used to identify some font sizes, colors, etc.

Author

elena-sam

You can’t perform that action at this time.