Submitted almost 3 years ago

Html/Css/Js use gulp

gulp

alisher-kadraliev•30

@alisher-kadraliev

A solution to the Intro section with dropdown navigation challenge

Preview Code

Solution retrospective

new experience try to make dropdown spend 2 days for this.

Code

Please log in to post a comment

Community feedback

Devmor•470
@devmor-j
Posted almost 3 years ago
Well done🏆

One thing I like to suggest is to shrink the hero image a bit. To do so I tried this inline css and it worked:
```
/* on second .hero__item where the image resides */
.hero__image {
  width: min(100%, 24rem);
}
```
Also decreasing padding on .section__hero would help too. In my opinion hero sections should not have a scrollbar (of course on a real website this is not a concern but here it will look much better).

Overall I enjoyed your well written SCSS and you did great, keep rocking ✨🌹
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