responsive home

This commit is contained in:
2022-04-08 13:05:46 +02:00
parent e601dce2bd
commit e61aaaea04
3 changed files with 44 additions and 6 deletions
@@ -87,7 +87,7 @@
}
@media (max-width: 300px){
@media (max-width: 479px){
#header-top{
#block-logogouv{
img{
+23 -2
View File
@@ -161,7 +161,8 @@
padding-bottom: 4rem;
@media (max-width: 479px){
display: flex;
padding-left: 1rem;
flex-direction: column;
// padding-left: 1rem;
width: 80%;
}
.views-row:nth-of-type(1) { grid-column: 2; }
@@ -253,7 +254,11 @@
margin-bottom: 2rem;
align-self: flex-end;
@media (max-width: 479px){
grid-column: 3 / span 6;
grid-column: 2 / span 4;
max-width: 80%;
margin: auto;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.field--type-link {
@@ -299,6 +304,9 @@
.node-type-static{
width: 70%;
margin: auto;
@media (max-width: 479px) {
width: 80%;
}
div:first-child:not(.field__item):not(.field){
display: flex;
flex-direction: row;
@@ -319,6 +327,7 @@
list-style: none;
a{
text-transform: uppercase;
font-weight: 700;
@@ -347,6 +356,10 @@
flex: 1 1 50px;
// grid-column: 4 / 9;
padding-left: 1rem;
@media (max-width: 479px){
padding-left: 0em;
}
p{
background-color: $white;
font-size: 1.5rem;
@@ -354,6 +367,10 @@
padding-bottom: 2rem;
margin-block-start: 0;
text-align: start !important;
@media (max-width: 479px){
font-size: 1.2rem;
width: 100%;
}
}
}
@@ -361,6 +378,10 @@
flex: 0 0 80%;
padding-top: 4rem;
margin: auto;
@media (max-width: 479px){
flex: 0 0 100%;
}
.field__items {
.field__item:nth-of-type(1){
display: none;