Submitted over 3 years ago
Sunnyside Agency Landing Page using Flex-box and Sass
@shake88junt
Design comparison
SolutionDesign
Solution retrospective
In the mobile version of the site I used a <img> tag with the desktop image below. I would hide the desktop image in mobile view (and vice-versa). I would set the image `visibility=hidden' and set the background image to the corresponding image. This seemed to be the only way to get scale-able images as the background while keeping the dimensions the same ratio. Any tips appreciated.
Community feedback
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