@godwinopara
Posted
when you added the image as a background image did you give the container a height and width because i struggle with background images also when i didn't know that height and width are required for them to work, and also probably next time instead you could also use the picture tag like this <picture> <source srcset="put the large image url here" media="(min-width: 800px)"> <img src="put the small image here" alt="" /> </picture> you can also add more screen sizes also check this mdn documentation for better explanation https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture
Marked as helpful
@Yahyaabbakar92
Posted
@godwinopara Thanks, I think I did try that out but it must've been when I was frustrated and messing about with what works through chrome dev tools. I appreciate the link to the documentation and I'll definitely try it out on some other project or come back and revisit it.
