css page site mobiel

This commit is contained in:
2024-11-05 21:45:42 +01:00
parent d516369a78
commit 52b22009fc
3 changed files with 68 additions and 24 deletions

View File

@@ -9,7 +9,7 @@
.layout--threecol-25-50-25{
flex-wrap: nowrap;
@media(max-width: 500px){
@media(max-width: 810px){
display: flex;
flex-direction: column;
width: 100%;
@@ -19,12 +19,18 @@
display: flex;
flex-direction: column;
align-items: center;
@media(max-width: 810px){
flex: 0 1 100%;
}
.block-region-first{
position: fixed;
display: flex;
flex-direction: column;
width: 20% !important;
@media(max-width: 810px){
position: relative;
width: 100% !important;
}
.views-element-container{
margin-bottom: 3rem;
}
@@ -32,15 +38,22 @@
div{
width: fit-content;
margin-bottom: 0.5rem;
@media(max-width: 810px){
margin: auto;
}
#sites-map-container{
// width: auto;
// left: 0.3rem;
left: -50px;
@media(max-width: 810px){
left: 0;
height: fit-content;
}
}
}
div:has(.field_field_documents){
// margin: auto;
@media(max-width: 500px){
@media(max-width: 810px){
margin-top: 1rem;
}
@@ -78,7 +91,7 @@
div:has(.field_field_liens_site){
// margin: auto;
// width: 50%;
@media(max-width: 500px){
@media(max-width: 810px){
margin-top: 1rem;
}
@@ -89,7 +102,9 @@
background: black;
padding-left: 0.5rem;
@media (max-width:810px) {
margin-left: 0;
// margin-left: 0;
max-width: 50%;
margin: auto;
}
a{