###I found difficult to change the image for responsive design. How can I change the image without JavaScript, with only css?
@Lartzmanuel
Posted
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👍
@cvalencia1991
Posted
use media queries
@danielmrz-dev
Posted
Hello @arikanb
You can do it using flexbox and media queries. It's not that hard to do it.
Hope it helps!
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
