Submitted almost 2 years ago
Intro Section with Dropdown Navigation using Custom CSS properties
@mishael-codes
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
- @nelsonleonePosted almost 2 years ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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