Design comparison
SolutionDesign
Community feedback
- @ronersonspPosted almost 2 years ago
You didn't add the image break, when you decrease it to 600px or low, the site is very bad also because it is no longer readable, and the color on top was red, not yellow, I recommend improving on these points.
For the image, you can use: the <picture> tag with a source inside indicating when the second image should go into action and which image.
<picture><source media="(max-width:800px)" srcset="./img/image-web-3-mobile.jpg"> <img src="./img/image-web-3-desktop.jpg" width="1460" height="600" alt=""> </picture>
Marked as helpful1
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