Commit 7eb64f73 authored by Jérémy GAILLARD's avatar Jérémy GAILLARD
Browse files

fix lien entreaide voisins et sa mise en page

parent ad8859a3
......@@ -33,7 +33,7 @@
<br />
<img src="../static/entraideGL.svg" alt="Entraide Grand Lyon">
<p> Vous souhaitez aider un voisin ou être aidé•e ? <br /> Rendez vous sur entraide.grandlyon.com </p>
<button><a href="https://entraide.grandlyon.com/" target="_blank"> voir le site </a></button>
<button><a href="https://www.toodego.com/services/covid-19/entraide-voisins/" target="_blank"> voir le site </a></button>
</div>
<div class="other_site">
<img class="screenshot" src="../static/Site3.svg" alt="Tous unis tous solidaires">
......
<template>
<div class="stayathome">
<div class="stayathome">
<div class="stayathome_links">
<a href="https://met.grandlyon.com/" target="_blank">
<img class="MET" src="../static/MET.svg" alt="MET">
<span>Restez informé·es <br/> 7 jours / 7 </span>
</a>
</div>
<div class="stayathome_links">
<a href="https://www.toodego.com/services/" target="_blank">
<img class="toodego" src="../static/toodego_black.svg" alt="Toodego">
<span>Tous les services <br/>pour vous faciliter la ville </span>
<div class="stayathome_links">
<a href="https://www.toodego.com/services/covid-19/entraide-voisins/" target="_blank">
<img class="toodego" src="../static/entraideGL.svg" alt="Entraide voision">
<span>Entraide-vous <br/>entre voisins </span>
</a>
</div>
</div>
<div class="stayathome_links">
<a href="https://www.tousunistoussolidaires.fr/" target="_blank">
<img src="../static/tuts.svg" alt="Tous unis tous solidaires">
<span>Aider les associations <br/>ayant besoin de renforts </span>
</a>
</div>
</div>
</template>
......@@ -29,19 +29,23 @@ a{
}
.stayathome{
padding: 2% 10%;
padding: 1% 10%;
background: #D6D6D6;
display: grid;
grid-template-columns: repeat(3, 33%);
align-items: center;
grid-template-columns: repeat(3, 1fr);
font-size: 1.1vw;
}
.stayathome img{
margin-left: auto;
margin-right: auto;
}
.stayathome_links a{
display: flex;
flex-direction: column;
display: grid;
grid-template-rows: repeat(2, 1fr);
align-items: center;
width: 90%;
height: 100%;
}
.stayathome_links:hover span{
......@@ -59,14 +63,6 @@ a{
bottom: 1%;
}
.MET{
margin-bottom: 14px;
}
.toodego{
margin-bottom: 4px;
}
@media (max-width: 600px) {
.stayathome{
......@@ -86,7 +82,7 @@ a{
}
.stayathome_links img{
margin: auto;
margin: auto;
max-height: 4.5vw;
width: 100%;
}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment