responsive page programme

This commit is contained in:
2025-10-07 12:15:28 +02:00
parent 43236af036
commit 8599dc1377
4 changed files with 92 additions and 41 deletions
@@ -46,6 +46,9 @@
}
}
}
@media (max-width:810px){
display: none;
}
}
}
.block-region-second{
@@ -56,59 +59,66 @@
.block-views-blockhome-block-1{
width: 80%;
font-size: 1.2rem;
@media (max-width:810px){
width: 100%;
}
}
.view-display-id-block_1{
margin: 0;
width: 80%;
padding-top: 1rem;
}
.block-config-pages-block{
margin: 0;
width: 80%;
padding-top: 1rem;
.config_pages--partenaires--full{
.paragraph--type--partenaire{
@media (max-width:810px){
width: 100%;
padding-bottom: 3rem;
height: 205px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: baseline;
@media (max-width: 810px){
}
}
.block-config-pages-block{
margin: 0;
width: 80%;
padding-top: 1rem;
.config_pages--partenaires--full{
.paragraph--type--partenaire{
width: 100%;
padding-bottom: 3rem;
height: 205px;
display: flex;
flex-direction: column;
}
.paragraph--type--partenaire>* {
flex: 1 1 80px;
}
.field--name-field-logo{
width: fit-content;
padding-right: 1rem;
}
.field--name-field-nom{
font-weight: 900;
font-size: 1.2rem
}
.field--name-field-texte{
.field__item{
p{
strong{
background-color: none;
flex-wrap: wrap;
justify-content: center;
align-content: baseline;
@media (max-width: 810px){
display: flex;
flex-direction: column;
}
.paragraph--type--partenaire>* {
flex: 1 1 80px;
}
.field--name-field-logo{
width: fit-content;
padding-right: 1rem;
}
.field--name-field-nom{
font-weight: 900;
font-size: 1.2rem
}
.field--name-field-texte{
.field__item{
p{
strong{
background-color: none;
}
}
}
}
.field--name-field-lien{
background-color: none;
}
}
.field--name-field-lien{
background-color: none;
}
}
}
}
}
}
@@ -29,6 +29,9 @@
@media (max-width:1200px){
width: 40%;
}
@media (max-width:810px){
width: 100%;
}
&:hover{
transform: scale(1.05);
transition: 0.3s transform ease, 0.3s box-shadow ease;
@@ -170,6 +173,9 @@
&:hover{
transform: none;
}
@media (max-width:810px){
width: 100%;
}
.node-type-site{
margin: auto;
display: flex;