Hello,
I set a background image for my homepage header.
What I would like to do is to show always the full image, without cropping, so I set background-size: contain;
Now I would like the header height to be the same of the background image, regardless the screen of the device (because from mobile and tablet I got some white space below).
How can I achieve that?
actually I’m using:
.homepage-hero {
min-height: calc(100vh – 200px);
}
to set the width of the container
thanks