padding responsive

This commit is contained in:
ouidade 2024-09-19 21:39:32 +02:00
parent 2b94ff5b8b
commit 61c91ad1a4
2 changed files with 20 additions and 0 deletions

View File

@ -1699,6 +1699,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home article.node-type-static .field_body { #home article.node-type-static .field_body {
flex-direction: column; flex-direction: column;
width: 90%; width: 90%;
margin-left: 1rem;
} }
} }
#home article.node-type-static .field_body > p:nth-child(1) { #home article.node-type-static .field_body > p:nth-child(1) {
@ -1752,6 +1753,11 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
position: relative; position: relative;
padding-left: 4rem; padding-left: 4rem;
} }
@media (max-width: 1090px) {
#home article.node-type-static #paragraph-id--1 {
padding-left: 0rem;
}
}
#home article.node-type-static #paragraph-id--1.paragraph--type--static-parts { #home article.node-type-static #paragraph-id--1.paragraph--type--static-parts {
padding-bottom: 0 !important; padding-bottom: 0 !important;
} }
@ -1999,6 +2005,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home article.node-type-static #paragraph-id--6 { #home article.node-type-static #paragraph-id--6 {
width: 90%; width: 90%;
text-align: center; text-align: center;
padding-left: 0rem;
} }
} }
#home article.node-type-static #paragraph-id--6 .field_field_title { #home article.node-type-static #paragraph-id--6 .field_field_title {
@ -2059,6 +2066,11 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
padding-bottom: 2rem; padding-bottom: 2rem;
color: white; color: white;
} }
@media (max-width: 1090px) {
#home article.node-type-static #paragraph-id--7 {
padding-left: 0rem;
}
}
#home article.node-type-static #paragraph-id--7 .field_field_title { #home article.node-type-static #paragraph-id--7 .field_field_title {
width: 48%; width: 48%;
text-transform: lowercase; text-transform: lowercase;

View File

@ -89,6 +89,7 @@
@media(max-width: 1090px){ @media(max-width: 1090px){
flex-direction: column; flex-direction: column;
width: 90%; width: 90%;
margin-left: 1rem;
} }
> p:nth-child(1){ > p:nth-child(1){
margin-bottom: 0; margin-bottom: 0;
@ -135,6 +136,9 @@
background-color: #edefe8; background-color: #edefe8;
position: relative; position: relative;
padding-left: 4rem; padding-left: 4rem;
@media(max-width: 1090px){
padding-left: 0rem;
}
&.paragraph--type--static-parts{padding-bottom: 0 !important;} &.paragraph--type--static-parts{padding-bottom: 0 !important;}
.field_field_title{ .field_field_title{
@ -382,6 +386,7 @@
@media(max-width: 810px){ @media(max-width: 810px){
width: 90%; width: 90%;
text-align: center; text-align: center;
padding-left: 0rem;
} }
.field_field_title{ .field_field_title{
padding-top: 3rem; padding-top: 3rem;
@ -437,6 +442,9 @@
align-items: center; align-items: center;
padding-bottom: 2rem; padding-bottom: 2rem;
color: white; color: white;
@media(max-width: 1090px){
padding-left: 0rem;
}
.field_field_title{ .field_field_title{
width: 48%; width: 48%;
text-transform: lowercase; text-transform: lowercase;