Skip to content
Submitted over 2 years ago

Responsive Insure Landing Page Solution | Build using Scss & Flexbox

sass/scss, accessibility
Ernest Push Gbaboh•460
@gbabohernest
A solution to the Insure landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi there 👋

  • While building this project, I couldn't achieve the hover effect on the mobile nav. I don't know why. I tried some solutions but to no avail. Probably becoz I was a little tire from writing a lot of css 😊. so I couldn't figure it out.

-Anyway, here is my solution...kindly check it out and give me your feedback on best practices and how to improve on it.

Thanks and happy coding ✌✌

Code

Please log in to post a comment

Log in

Community feedback

  • Sahand Masoleh•1,210
    @sahand-masoleh

    Hi Ernest,

    Regarding your problem, I don't see any :hover selector on your hamburger button, if you have been trying to no avail, it's because your SVG has a fill: none set in it, that takes precedence over everything you write in CSS.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord