Skip to content
Submitted almost 2 years ago

Responsive Insure Landing Page Solution | Build using Scss & Flexbox

Ernest Push Gbaboh•460
@gbabohernest
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Insure landing page
  • HTML
  • CSS
  • JS
2junior

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-masolehPosted 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.

    0
    Ernest Push Gbaboh•460
    @gbabohernestPosted almost 2 years ago

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

    0

Please log in to post a comment

Log in with GitHub

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