Submitted almost 2 years ago

Responsive Insure Landing Page Solution | Build using Scss & Flexbox

Ernest Push Gbaboh• 460

@gbabohernest

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Insure landing page

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

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 ✌✌

Community feedback

Sahand Masoleh• 1,210

@sahand-masoleh

Posted almost 2 years ago

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.

Ernest Push Gbaboh• 460

@gbabohernest

Posted almost 2 years ago

@sahand-masoleh Thanks for the tip… I removed the hover effect becoz it wasn’t working..

Please log in to post a comment

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