https://github.com/joshwrn/google-homepage
https://github.com/joshwrn/google-homepage
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/joshwrn/google-homepage
- Owner: joshwrn
- Created: 2021-03-26T21:04:21.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-03-26T21:11:00.000Z (over 4 years ago)
- Last Synced: 2025-03-14T12:13:12.215Z (9 months ago)
- Language: CSS
- Size: 1.95 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# google-homepage
Things I learned:
- use :hover to add mouse over effects in css
- use display: flex to add flex box and design the webpage with a grid
- use display: inline-block to get elements to line up next to each other
- use float: to align left or right
- you can add border: to search box to change the way it looks
- you can only use ids once and classes multiple times
- id's can be located on the webpage
Didn't figure out:
- how to add space above logo
- why footer is off center
solution: add left:0; also position: had an effect
- how to add images on top of search bar
- cant get svg in header to work