responsive

This commit is contained in:
2022-04-08 15:08:49 +02:00
parent 0c440aa173
commit 82d811d435
4 changed files with 98 additions and 58 deletions
@@ -8,13 +8,19 @@
.region-content{
#block-contenudelapageprincipale{
padding-top: 8rem;
@media (max-width: 479px){
padding-top: 5rem;
padding-left: 5rem;
}
span{
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
color: $white;
h2{
display: inline;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
@@ -24,14 +30,23 @@
width: fit-content;
margin-left: 10%;
margin-top: 8rem;
margin-bottom: 6rem;
@media (max-width: 479px) {
margin-right: 37%;
margin-bottom: 2rem;
margin-left: 0;
}
}
}
.layout--threecol-25-50-25{
.layout__region--second{
padding-top: 3rem;
flex: 0 1 50%;
margin-left: 25%;
margin-left: 20%;
@media (max-width: 479px) {
flex: 0 1 80%;
margin: 0;
}
.block-region-second{
.block-config-pages-block{
background-color: $white;
+1 -1
View File
@@ -13,7 +13,7 @@
margin-left: 10%;
margin-top: 8rem;
@media (max-width: 810px){
margin-left: 6%;
margin-left: 8%;
margin-right: 1%;
}
}
@@ -27,7 +27,9 @@
margin-left: 8%;
margin-right: 5%;
}
.field--name-title{
display: inline;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
@@ -83,7 +85,10 @@
@media (max-width: 810px){
flex: 0 1 80%;
margin: auto;
}
}
@media (max-width: 479px){
padding-top: 5rem;
}
// paragraphe texte
.block-entity-fieldnodefield-textes{
margin-top: 1rem;