responsive slide site home

This commit is contained in:
2025-10-14 11:19:01 +02:00
parent be2bfe2ae8
commit c4d85da843
4 changed files with 52 additions and 16 deletions
@@ -12,10 +12,11 @@
padding-left: 2rem;
padding-bottom: 5rem;
@media(max-width: 891px){
margin-bottom: 1rem;
margin-top: 2rem;
width: 50%;
// margin-bottom: 1rem;
// margin-top: 2rem;
width: 36%;
// margin: auto;
padding-bottom: 4rem;
}
p{
margin: 0;
@@ -29,18 +30,25 @@
top: -44px;
position: relative;
// height: 550px;
@media(max-width: 891px){
top: -44px;
}
.views-row{
@media(max-width: 891px){
margin-left: 1.8rem;
margin-right: 1.8rem;
width: 300px !important;
}
.node-type-site{
width: 70%;
height: 30vw;
margin: auto;
@media(max-width: 891px){
height: fit-content;
width: 100%;
}
.entete_site{
background-color: white;
// height: 520px;
@@ -66,6 +74,7 @@
height: 100%;
@media(max-width: 900px){
width: 100%;
max-height: 200px;
}
.field--type-image{
height: 100%;
@@ -91,7 +100,11 @@
// max-height: 200px;
@media(max-width: 1500px){
width: 100%;
}
}
@media(max-width: 900px){
width: 100%;
max-height: 200px;
}
}
}
@@ -142,8 +155,9 @@
height: auto;
display: flex;
margin: auto;
margin-bottom: 2rem;
margin-top: 2rem;
margin-bottom: 1rem;
margin-top: 1rem;
justify-content: left;
}
h1{display: none;}
h2{