Skip to content
TheOdinProject Web Dev Course
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.
css
img
README.md
index.html

README.md

the_odin_project - google homepage project

TheOdinProject - HTML+CSS Fundamentals Project

Nasser Ahmed's Solution (Easy) - View in Browser

Some notes: I viewed the webpage again on my laptop since I was using a desktop to develop this mainly with a ultrawide monitor. From viewing on the laptop (and on theodinproject site) theres additional space under the footer.

This is due to the container being set to min-height of 900px, changing the height to 100vh/100% fixes this on viewing on the laptop, however the search section overlaps on the GOOGLE logo.

Using chrome dev tools here is the solution I came up with for when I viewed it on my laptop:

.container { width: 100%; position: relative; height: 100vh; overflow: auto; }

.search-section { ... ... top: 150px; ... }

You can’t perform that action at this time.