responsive actu home + presentation programme

This commit is contained in:
2025-09-22 17:45:02 +02:00
parent 8239170aef
commit 26cc7be1af
2 changed files with 22 additions and 2 deletions
+12 -1
View File
@@ -601,6 +601,7 @@ svg.ext {
display: flex;
flex-direction: column;
height: auto;
margin-left: 0;
}
}
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_photo {
@@ -836,10 +837,21 @@ svg.ext {
width: 100%;
}
}
@media (max-width: 810px) {
.path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item {
justify-content: center;
display: flex;
}
}
.path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item img {
width: 15rem;
height: auto;
}
@media (max-width: 810px) {
.path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item img {
width: 12rem;
}
}
.path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-title {
display: none;
}
@@ -851,7 +863,6 @@ svg.ext {
.path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche {
padding-left: 0em;
flex: 1 1 100%;
padding-right: 1rem;
}
}
@media (max-width: 479px) {
+10 -1
View File
@@ -65,6 +65,7 @@
display: flex;
flex-direction: column;
height: auto;
margin-left: 0;
}
.home_actu_photo{
width: 50%;
@@ -318,9 +319,17 @@
width: 100%;
}
.field__item{
@media (max-width: 810px) {
justify-content: center;
display: flex;
}
img{
width: 15rem;
height: auto;
@media (max-width: 810px) {
width: 12rem;
}
}
}
}
@@ -334,7 +343,7 @@
@media (max-width: 810px){
padding-left: 0em;
flex: 1 1 100%;
padding-right: 1rem;
// padding-right: 1rem;
}
@media (max-width: 479px){