simplify client logo markup
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Aadil Ayub 2022-06-02 18:54:40 +05:00
parent 51ce171de1
commit 18b54193c7
2 changed files with 20 additions and 36 deletions

View File

@ -337,22 +337,11 @@ div.thumbnail {
.client-logos {
margin-top: 4rem;
display: flex;
flex-direction: column;
justify-content: center;
gap: 3rem;
@media (max-width: 600px) { gap: 0;}
.first-row{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
place-items: center;
}
.second-row {
display: flex;
justify-content: center;
}
display: grid;
grid-template-columns: 1fr 1fr 1fr;
@media (max-width: 480px) { grid-template-columns: 1fr 1fr; }
place-items: center;
gap: 1rem;
img {
object-fit: contain;

View File

@ -21,28 +21,23 @@
</div>
<div class="client-logos">
<div class="first-row">
<div>
<a href="https://www.neuronicgames.com/"><img src='/logos/neuronic-games.png'></a>
</div>
<div>
<a href="https://www.fashionrevolution.org/"><img src='/logos/fashion-rev.svg'></a>
</div>
<div>
<a href="https://biobulkbende.org/"><img src='/logos/biobulkbende.png'></a>
</div>
<div>
<a href="https://www.neuronicgames.com/"><img src='/logos/neuronic-games.png'></a>
</div>
<div class="second-row">
<div>
<a href="https://www.thirdsectoraccountancy.coop/"><img src='/logos/third-sector-accountancy.svg'></a>
</div>
<div>
<a href="https://anarchyrules.info/"><img src='/logos/anarchy-rules.png'></a>
</div>
<div>
<a href="https://culturalfoundation.eu/"><img src="/logos/ecf.png" alt="European Cultural Foundation"></a>
<div>
<a href="https://www.fashionrevolution.org/"><img src='/logos/fashion-rev.svg'></a>
</div>
<div>
<a href="https://biobulkbende.org/"><img src='/logos/biobulkbende.png'></a>
</div>
<div>
<a href="https://www.thirdsectoraccountancy.coop/"><img src='/logos/third-sector-accountancy.svg'></a>
</div>
<div>
<a href="https://anarchyrules.info/"><img src='/logos/anarchy-rules.png'></a>
</div>
<div>
<a href="https://culturalfoundation.eu/"><img src="/logos/ecf.png" alt="European Cultural Foundation"></a>
</div>
</div>
</div>