hero banner background image height problems

Occasional Contributor

Hi, I have a hero banner with a background image. The width it's always ok, always 100%, but above 1200px I started to lose the 100% of height. 

How can I have 100% height any suggest?

this is my site link: https://www.contreebute.com/compensaciones-ambientales

CSS
Reply
0 Upvotes
4 Replies 4
Highlighted
Regular Advisor | Platinum Partner

@anaarrubla 

for .hero:

 

background-size: contain;
background-position: left top;

 

dennis
Occasional Contributor

@dennis_e  Thanks for your aswer. when I do that I loose 100% width and start appearing a bottom gap 

Reply
0 Upvotes
Regular Contributor | Gold Partner

One option would be to add the height: 600px

.hero {
     height: 609px;
}
Regards.

Occasional Contributor

@AlexanderData  if I do that I loose 100% width under 1400 px

Reply
0 Upvotes