Submitted about 2 years ago

Responsive landing page using html css sass

chigboo Good luck• 60

@Triad01

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

This is a solution for...

Intro section with dropdown navigation

HTML
CSS
JS

2junior

View challenge

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

@warrenlee

Posted about 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

chigboo Good luck• 60

@Triad01

Posted about 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

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