https://github.com/julesss-coder/google-homepage
HTML/CSS project #1 - The Odin Project
https://github.com/julesss-coder/google-homepage
Last synced: 5 months ago
JSON representation
HTML/CSS project #1 - The Odin Project
- Host: GitHub
- URL: https://github.com/julesss-coder/google-homepage
- Owner: julesss-coder
- Created: 2020-08-10T12:15:05.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-11T16:17:05.000Z (almost 6 years ago)
- Last Synced: 2025-05-31T11:36:08.953Z (about 1 year ago)
- Language: HTML
- Size: 8.79 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# google-homepage
HTML/CSS project #1 - The Odin Project
Task: To reproduce the Google.com homepage by using HTML and CSS. (I built the German version of the homepage.)
Skills I demonstrated by completing this project:
- Making navbars, styling and positioning them:
1. For the top navbar, I used an unordered list and set it to "display: inline".
2. For the two bottom navbars, I used two sets of that contain the links and used "float" to position them left and right, respectively.
- Making search forms and submit buttons, styling and positioning them.
- Strategically commenting out parts of my code to find errors and enjoying the process of problem-solving, instead of giving in to despair and deciding that coding sucks...
- Inspecting the source code of the page I reproduced and adapting my code accordingly.
While working on this project, I also worked through the book "A smarter way to learn HTML & CSS" by Mark Myers which was really helpful in understanding and applying the basics.