@ApplePieGiraffe
Posted
Hey, Itai! 👋
You can use the :focus
, :valid
, and :invalid
pseudo-classes to do some CSS-only form validation. If you'd like some ideas to get started, you can take a look at this solution (from another challenge) that does just that! 😉
I suggest,
- Adding a
max-width
to the main container or wrapper so that the content of the page doesn't grow too wide on extra-large screens. - Adding some more space around the sides of the page (using margin or padding) in the mobile layout so that there's some room between the content of the page and the edges of the screen.
Overall, your solution looks pretty good and is responsive! Kudos for remembering the hover states of all of the links and buttons on the page (something some often forget on this challenge)! 👏
Keep coding (and happy coding, too)! 😁