Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Intro Section with Dropdown Navigation using Custom CSS properties

#accessibility#semantic-ui#animation
Mishaelβ€’ 320

@mishael-codes

Desktop design screenshot for the Intro section with dropdown navigation coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

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?

Community feedback

Nelsonβ€’ 2,380

@nelsonleone

Posted

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

0

Please log in to post a comment

Log in with GitHub
Discord logo

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