Submitted almost 3 years ago

Responsive landing page using html css sass

sass/scss

chigboo Good luck•60

@Triad01

A solution to the Intro section with dropdown navigation challenge

Preview Code

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

Code

Please log in to post a comment

Community feedback

Warren•650
@warrenlee
Posted almost 3 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

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