ajustement css page sites

This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-03 12:04:37 +01:00
parent fa0945c969
commit c24e9b296c
3 changed files with 27 additions and 2 deletions

View File

@ -2586,6 +2586,13 @@ body {
margin: auto; margin: auto;
margin-left: 14rem; margin-left: 14rem;
} }
@media (max-width: 1090px) {
#home #live-youtube {
flex-direction: column;
width: 90%;
margin-left: 1rem;
}
}
#home #live-youtube h2 { #home #live-youtube h2 {
text-align: center; text-align: center;
font-size: 1.5rem; font-size: 1.5rem;
@ -3619,11 +3626,11 @@ main {
#lessites .content_container #block-quartiers-de-demain-titredepage { #lessites .content_container #block-quartiers-de-demain-titredepage {
margin-top: 14rem; margin-top: 14rem;
grid-column: 2/span 9; grid-column: 2/span 9;
margin-left: 0;
padding-left: 0%; padding-left: 0%;
} }
} }
#lessites .content_container #block-quartiers-de-demain-titredepage h1 { #lessites .content_container #block-quartiers-de-demain-titredepage h1 {
text-align: center;
text-transform: none; text-transform: none;
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
font-size: 2rem; font-size: 2rem;
@ -3661,6 +3668,11 @@ main {
top: 0px; top: 0px;
} }
} }
@media (max-width: 810px) {
#lessites .content_container .view .header_view #block-sitesmap-block {
width: 95vw;
}
}
#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container { #lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container {
width: 100%; width: 100%;
} }
@ -3669,6 +3681,9 @@ main {
height: fit-content; height: fit-content;
} }
} }
#lessites .content_container .view .header_view #block-sitesmap-block #sites-map-container h2 {
display: none;
}
#lessites .content_container .view .views-row-wrapper { #lessites .content_container .view .views-row-wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

View File

@ -701,6 +701,11 @@
width: 55%; width: 55%;
margin: auto; margin: auto;
margin-left: 14rem; margin-left: 14rem;
@media(max-width: 1090px){
flex-direction: column;
width: 90%;
margin-left: 1rem;
}
h2{ h2{
text-align: center; text-align: center;
font-size: 1.5rem; font-size: 1.5rem;

View File

@ -17,11 +17,12 @@ main{
@media(max-width: 810px){ @media(max-width: 810px){
margin-top: 14rem; margin-top: 14rem;
grid-column: 2 /span 9; grid-column: 2 /span 9;
margin-left: 0; // margin-left: 0;
padding-left: 0%; padding-left: 0%;
} }
h1{ h1{
text-align: center;
text-transform: none; text-transform: none;
color: $blue_QDD; color: $blue_QDD;
font-size: 2rem; font-size: 2rem;
@ -61,12 +62,16 @@ main{
top: 0px; top: 0px;
} }
@media(max-width: 810px){
width: 95vw;
}
#sites-map-container{ #sites-map-container{
width: 100%; width: 100%;
@media(max-width: 810px){ @media(max-width: 810px){
height:fit-content; height:fit-content;
} }
h2{display: none;}
} }
} }