@Grego14
Posted
👋 Hello! 🎉 Congratulations on completing the challenge! 🎉
To make the image take up the entire width of the screen regardless of the width of the device you can use: background-size: 100%
or background-size: 100vw
instead of background-size: auto
But I have to say that the 100%
will only work if the element occupies the entire width of the screen, in this case the body
occupies the entire width so no problem!
It may be that on small screens the height of the image is very small, but to solve that I recommend you to do that background using a positioned element and not background-image
property.
I hope this helps! 😁