Skip to content
Submitted over 2 years ago

Responsive landing page using html css sass

chigboo Good luck•60
@Triad01
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro section with dropdown navigation
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi guys. I just finished this project. I found it difficult changing the svg icons in the navigation menu when they are hovered. pls take a look at my codes and sugggest how I can do this.

Any suggestions as to how I can improve this generally is also welcome. Thanks

Community feedback

  • Warren•630
    @warrenleePosted over 2 years ago

    Hey chigboo, in regards to your issue you can try using the CSS property transform it has a behaviour where you can rotate elements.

    On hover try applying the following onto the SVG icon.

    transform: rotate(180deg);

    And the icon should flip 180. Hope that helps.

    Marked as helpful
    0
    chigboo Good luck•60
    @Triad01Posted over 2 years ago

    @warrenlee my God!...that's true. I never thought of that.. I'd try that now .Thanks for the tip, I appreciate

    1

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