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 {
flex-direction: column;
width: 90%;
margin-left: 1rem;
}
}
#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;
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 {
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 {
width: 90%;
text-align: center;
padding-left: 0rem;
}
}
#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;
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 {
width: 48%;
text-transform: lowercase;

View File

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