responsive offres services

This commit is contained in:
2022-03-10 13:26:40 +01:00
parent f70be96381
commit 9d9070d61f
2 changed files with 27 additions and 26 deletions
@@ -54,23 +54,24 @@
margin-top: 4rem;
background-color: $blue-light;
height: fit-content;
width: 60%;
min-height: fit-content;
width: 200px;
// 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%;
}
// @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;
@@ -283,6 +284,12 @@
}
}
}
@media (max-width: 810px){
display: flex;
flex-direction: column;
padding: 2rem;
}
}
}
}