1
The left Banner looks like this.
I tried to do a gambit, but it didn’t work out so well. -> .slide-1 img{min-height:480px;}
My HTML and CSS code:
.slide{width:100%; height:480px; margin-top:40px;}
.slide img{display:block;}
.slide-1{width:60%; float:left;}
.slide-2, .slide-3{width:40%; float:right;}
<div class="slide">
<div class="slide-1">
<img src="img/img-slide-1.jpg" alt="">
</div><!--FECHAMENTO DE TAG-->
<div class="slide-2">
<img src="img/img-slide-2.jpg" alt="">
</div><!--FECHAMENTO DE TAG-->
<div class="slide-3">
<img src="img/img-slide-3.jpg" alt="">
</div><!--FECHAMENTO DE TAG-->
</div>
I put the height at 100%, but it didn’t work.
– Ordas Ivarov
and put the "auto" in the width? Actually the same solution is the cover.
– Bacco
I put it like this: width:1080px; height:100%;
– Ordas Ivarov
Well, I suggest you read the answer carefully, that’s got nothing to do with what I said. Try to do as you answer (have a demo working, just click on run). If it doesn’t work as answered, then you explain what went wrong and I try to help.
– Bacco