fix logo size and position with some highly advanced CSS
This commit is contained in:
parent
40984a2a0c
commit
1a6c31f5e8
|
@ -8,7 +8,7 @@
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<div class="row justify-content-md-center justify-content-sm-center">
|
<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">
|
<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>
|
<h3>#2 :</h3>
|
||||||
<p>
|
<p>
|
||||||
Score : {{ top3.1.1 }}
|
Score : {{ top3.1.1 }}
|
||||||
|
@ -17,7 +17,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4 col-sm-3 col-md-2 podium podium-one text-center">
|
<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>
|
<h3>#1 : </h3>
|
||||||
<p>
|
<p>
|
||||||
Score : {{ top3.0.1 }}
|
Score : {{ top3.0.1 }}
|
||||||
|
@ -26,7 +26,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4 col-sm-3 col-md-2 podium podium-three text-center">
|
<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>
|
<h3>#3 : </h3>
|
||||||
<p>
|
<p>
|
||||||
Score : {{ top3.2.1 }}
|
Score : {{ top3.2.1 }}
|
||||||
|
|
|
@ -320,7 +320,7 @@ footer {
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
}
|
}
|
||||||
.podium h3 {margin-top:-5%;}
|
.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{
|
.podium-one{
|
||||||
background-color: #313131;
|
background-color: #313131;
|
||||||
height: 25vh;}
|
height: 25vh;}
|
||||||
|
|
Loading…
Reference in New Issue