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
+24 -5
View File
@@ -2220,9 +2220,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
}
@media (max-width: 891px) {
.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de {
margin-bottom: 1rem;
margin-top: 2rem;
width: 50%;
width: 36%;
padding-bottom: 4rem;
}
}
.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de p {
@@ -2236,10 +2235,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
top: -44px;
position: relative;
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 {
top: -44px;
}
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row {
margin-left: 1.8rem;
margin-right: 1.8rem;
width: 300px !important;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site {
@@ -2247,6 +2252,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
height: 30vw;
margin: auto;
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site {
height: fit-content;
width: 100%;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
background-color: white;
display: flex;
@@ -2276,6 +2287,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
@media (max-width: 900px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site {
width: 100%;
max-height: 200px;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field--type-image {
@@ -2305,6 +2317,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: 100%;
}
}
@media (max-width: 900px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field--type-image .field__items .field__item a img {
width: 100%;
max-height: 200px;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field--type-image .field__items .field__item blockquote {
position: absolute;
font-style: italic;
@@ -2348,8 +2366,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
height: auto;
display: flex;
margin: auto;
margin-bottom: 2rem;
margin-top: 2rem;
margin-bottom: 1rem;
margin-top: 1rem;
justify-content: left;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h1 {