Skip to content
Submitted over 2 years ago

Intro Section with Dropdown Navigation using Custom CSS properties

accessibility, semantic-ui, animation
Mishael•370
@mishael-codes
A solution to the Intro section with dropdown navigation challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I have trouble optimizing the hero image for desktops. Can anyone advise me on what to do to make it fit the given design?

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Nelson•2,390
    @nelsonleone

    HELLO......congrats on completing this challenge, well done🎊 🎊

    Hope this comment was helpful and made meaning to you Have fun coding

    You can add different images e.g hero-image-mobile and hero-image-desktop depending on the viewport using the <picture> tag.

    You can read more about it in the MDN docs , or w3school.

    It allows you to specify different images for you content as the screen-sizes varies.

    Hope this comment was helpful....have fun coding

    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