Design comparison
SolutionDesign
Solution retrospective
###I found difficult to change the image for responsive design. How can I change the image without JavaScript, with only css?
Community feedback
- @LartzmanuelPosted 12 months ago
You can use media queries like this:
@media-query only screen and (min-width: 700px){ .image-container { content: url(/assets/images/etc); Object-fit: cover; } }
Note that I just used 700px as my break point for example sake. You can adjust the break point to your liking.
I hope this helps👍
0 - @danielmrz-devPosted 12 months ago
Hello @arikanb
You can do it using
flexbox
andmedia queries
. It's not that hard to do it.Hope it helps!
0
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