All solutions

Feedback is always welcome. Thanks for taking a look!

This is my first time tackling a responsive layout purely with CSS Grid (I've worked with flexbox longer, so I wanted to exercise the new skills I've learned). I know the design isn't pixel-perfect, but I think it scales well and I added hover states for the buttons and links.

I would appreciate any resources on better styling the font awesome icons for the social links. While my design is functional, it feels a bit clunky and I imagine there is a more concise way to add the circle border. Thanks in advance!

This project took a bit longer and it's certainly far from being pixel perfect, but I definitely learned quite a bit through the process. The part that is still bothering me a bit is the top section of the website (after the nav bar - the "Humanizing your insurance" part). The proportions and spacing are a bit off, but I wanted it to scale well. Recommendations on how to code that section more efficiently (and to better match the design) would be appreciated.

Thanks for taking a look!

I really enjoyed working on this challenge. I learned from others who completed this challenge on how to create the background shape and crop the image using the overflow property. Since this is pure HTML and CSS, the mobile menu must be manually closed, but I'm pleased with the overall final result.

Please share any and all feedback so I can continue to learn and improve!

This is my first solution for Frontend Mentor. All advice and feedback are welcome. Thanks for taking a look!