mobile header & home

This commit is contained in:
2023-11-30 12:09:55 +01:00
parent 8b58828e87
commit f7802735cc
3 changed files with 103 additions and 11 deletions
@@ -8,6 +8,13 @@ footer{
div{
display: flex;
flex-direction: row;
@media(max-width: 891px){
// // flex-direction: row;
flex-wrap: wrap;
}
@media(max-width: 520px){
flex-direction: column;
}
}
h2{font-size: 1.3rem;}
@@ -16,18 +23,62 @@ footer{
section:not(:first-of-type){
border-left: $yellow-puca solid 5px;
padding-left: 2rem;
@media(max-width: 891px){
margin-left: 1rem;
margin-right: 1rem;
border-left: $yellow-puca solid 2px;
// border-left: none;
// border-top: $yellow-puca solid 2px;
}
@media(max-width: 520px){
margin-left: 1rem;
margin-right: 1rem;
border-left: none;
border-top: $yellow-puca solid 2px;
}
}
section:not(:last-of-type){
padding-right: 5rem;
@media(max-width: 891px){
padding-right: 0;
}
@media(max-width: 520px){
padding-right: 0;
}
}
section:last-of-type{
padding-right: 5rem;
@media(max-width: 891px){
border-top: $yellow-puca solid 2px;
border-left: none;
}
}
}
#footer-left {
margin-left: 10rem;
margin-left: 10%;
@media(max-width: 891px){
margin-left: 1rem;
padding-left: 2rem;
width: 40%;
}
@media(max-width: 520px){
margin-left: 1rem;
padding-left: 2rem;
}
div{
display: flex;
flex-direction: column;
padding-right: 2rem;
// padding-right: 2rem;
// @media(max-width: 891px){
// padding-right: 0;
// }
#block-reha-pieddepage {
ul{
padding-left: 0;
@@ -47,6 +98,9 @@ margin-left: 10rem;
}
#footer-middle{
@media(max-width: 891px){
width: 40%;
}
#block-reha-operateurduprogramme{
display: flex;
flex-direction: column;