responsive home
This commit is contained in:
@@ -87,7 +87,7 @@
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 300px){
|
||||
@media (max-width: 479px){
|
||||
#header-top{
|
||||
#block-logogouv{
|
||||
img{
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user