In this project I deconstruct and rebuild Google's homepage—with a little significant help along the way from Chrome DevTools—using HTML and vanilla CSS.
I especially enjoyed integrating flexbox
and media queries, as well as applying pseudo-classes :hover
and :focus-within
for pointer events on containers and their children, in order to rebuild the search form.
From The Odin Project's curriculum