Design comparison
Solution retrospective
How can I put the mobile image? I did not succeed and I hope they give me advice to improve the responsive part ❤❤❤👌
Community feedback
- @taco-nekoPosted over 1 year ago
You can use a
srcset
in the HTML to implement the second image. These pages: W3Schools MDN explain how to implement it.I struggled with this too, because this isn't commonly taught in most HTML courses. Don't feel bad about it!
Alternatively, you can set the images as background images in the CSS and use a media query to switch them out, but this is very bad for accessibility as you can't put alt text on them. If they were just decorative images though, it would be a fine approach.
Marked as helpful1 - @dhpcodePosted over 1 year ago
Your solutions looks great I think! Nearly the same as the design! But I think You forgot to add cart image in the button!
1
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