Fix logo size and position with some highly advanced CSS #78

Merged
Danhia merged 2 commits from Danhia/website:scoreboard/fix-network into main 2022-08-27 11:38:16 +02:00
2 changed files with 4 additions and 4 deletions
Showing only changes of commit 1a6c31f5e8 - Show all commits

View File

@ -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 }}

View File

@ -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;}