this is probably a beginner’s question but I’m struggling to make the main img of my hero section responsive, when I use the background-image property together with cover it kind of works but the image is just cutting or zooming instead of shrinking and that’s not what I want to reach.
The ideal situation would be to use HTML and CSS to have a hero section with an image convering all the viewport with text on top of which I guess it can be done with some relative/absolute positioning, but the hard part for me is that one since when I decrease the browser size I can only get it to zoom out and out with the cover property, etc, and it becomes fixed when I use widht and height set to 100%
Can this be done? any resources or a guide?
ElRinconDelConocimiento is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.