Design comparison
Solution retrospective
I was given two images one mobile image for mobile screen and another desktop image for desktop screens, so this brought a lot of confusion, I didn't know if I was supposed to create a different design or just make the difference during styling.
I am soo unsure of how I styled my container, I didn't know if I was supposed to use display: grid; or just style the way I did.
Community feedback
- @snowbot22Posted over 2 years ago
Hi you can switch between images with the HTML label <picture>. This label help you a lot when you want to swicht images in differents widths, to see how to use it read this MDN article. https://developer.mozilla.org/es/docs/Web/HTML/Element/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