Submitted almost 3 years ago

RESPONSIVE LANDING PAGE WITH DROP DOWN MENU USING HTML,CSS,AND JAVASCR

angular, axios, bulma, sanity, chai

Blessing Oluwapelumi•20

@blessingOluwapelumi

A solution to the Intro section with dropdown navigation challenge

Preview Code

Solution retrospective

What did you find difficult while building the project? I was not able to use the arrow icon beside the main menu. I couldn't get how to make it change to the arrow down on hover.

Which areas of your code are you unsure of? The media queries

Do you have any questions about best practices? Please, how do I make use of the arrow down and arrow up icon and also make it interchange on HOVER?

Code

Please log in to post a comment

Community feedback

mubizzy•1,520
@mubizzy
Posted almost 3 years ago
nice work @blessingOluwapelumi you did a great job. about the hover features, you need to rotate the icon using CSS properties for Example.
```
.dropdown:hover .dropdown__icon {
  transform: rotate(180deg);
}

.dropdown__icon {
  transition: .5s;
}
```
hope it helps :)
Olalekan Bello•180
@OlaOluwalekan
Posted almost 3 years ago
Hi Blessing!

I've gone through your work and it's such a nice one. I love your transitions - they are smoothly done. However, when I opened your live site, it takes time to load the main image. I don't know why. Also, on your GitHub link to the project, you don't have readme.md to hint visitors on what your work is about, the images you used, etc.

But overall, its a nice one 👍. Keep it up

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