retouche design

This commit is contained in:
2022-01-27 15:34:13 +01:00
parent 199e8b4f8c
commit 8f5b2d283c
8 changed files with 99 additions and 50 deletions
@@ -54,29 +54,46 @@
margin-top: 4rem;
background-color: $blue-light;
height: fit-content;
width: 80%;
width: 60%;
// width: 80%;
margin-left: 2rem;
aspect-ratio: 1/1;
display: flex;
@media (max-width: 1260px) {
width: 70%;
}
@media (max-width: 1073px) {
width: 80%;
}
@media (max-width: 935px) {
width: 90%;
}
@media (max-width: 810px) {
width: 100%;
}
.field--name-field-lien{
display: flex;
flex-direction: column;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
// margin-top: 2rem;
// margin-bottom: 2rem;
// margin-left: 1.5rem;
// margin-right: 1.5rem;
text-align: center;
margin: auto;
padding: 1rem;
a{
display: block;
font-weight: 800;
color: $white;
font-size: 1.3rem;
&:after{
margin-left:80%;
padding-top: 0.5rem;
display: block;
content:url("../images/pictos/noun_Arrow_3771902.svg")
}
}
&:after{
margin-left: auto;
padding-top: 1rem;
display: block;
content:url("../images/pictos/noun_Arrow_3771902.svg")
}
}