Fix logo size and position with some highly advanced CSS #78
|
@ -8,7 +8,7 @@
|
|||
<div class="col-12">
|
||||
<div class="row justify-content-md-center justify-content-sm-center">
|
||||
<div class="col-4 col-sm-3 col-md-2 podium podium-two text-center">
|
||||
<img src="{{ top3.1.0.logo }}" alt="{{ top3.1.0 }}" width="100%"/>
|
||||
<img src="{{ top3.1.0.logo }}" alt="{{ top3.1.0 }}"/>
|
||||
<h3>#2 :</h3>
|
||||
<p>
|
||||
Score : {{ top3.1.1 }}
|
||||
|
@ -17,7 +17,7 @@
|
|||
</p>
|
||||
</div>
|
||||
<div class="col-4 col-sm-3 col-md-2 podium podium-one text-center">
|
||||
<img src="{{ top3.0.0.logo }}" alt="{{ top3.0.0 }}" width="100%"/>
|
||||
<img src="{{ top3.0.0.logo }}" alt="{{ top3.0.0 }}"/>
|
||||
<h3>#1 : </h3>
|
||||
<p>
|
||||
Score : {{ top3.0.1 }}
|
||||
|
@ -26,7 +26,7 @@
|
|||
</p>
|
||||
</div>
|
||||
<div class="col-4 col-sm-3 col-md-2 podium podium-three text-center">
|
||||
<img src="{{ top3.2.0.logo }}" alt="{{ top3.2.0 }}" width="100%"/>
|
||||
<img src="{{ top3.2.0.logo }}" alt="{{ top3.2.0 }}"/>
|
||||
<h3>#3 : </h3>
|
||||
<p>
|
||||
Score : {{ top3.2.1 }}
|
||||
|
|
|
@ -320,7 +320,7 @@ footer {
|
|||
vertical-align: bottom;
|
||||
}
|
||||
.podium h3 {margin-top:-5%;}
|
||||
.podium img{position:relative;top: -55px}
|
||||
.podium img{position:relative;top: -55px; max-height: 50px; max-width: 100%;}
|
||||
.podium-one{
|
||||
background-color: #313131;
|
||||
height: 25vh;}
|
||||
|
|
Loading…
Reference in New Issue