footer responsive

This commit is contained in:
ouidade 2024-05-08 17:12:32 +02:00
parent 9c20f15f67
commit 312298ae52
2 changed files with 22 additions and 0 deletions

View File

@ -340,6 +340,9 @@ footer {
.footer #footer-left {
grid-column: 1 /span 5;
grid-row: 1; }
@media (max-width: 500px) {
.footer #footer-left {
max-width: 25%; } }
.footer #footer-left .footer_left_container {
padding-left: 5%;
display: flex;
@ -347,6 +350,9 @@ footer {
@media (max-width: 891px) {
.footer #footer-left .footer_left_container {
max-width: 50vw; } }
@media (max-width: 500px) {
.footer #footer-left .footer_left_container {
padding-left: 15%; } }
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
height: 125px; }
@media (max-width: 891px) {
@ -376,6 +382,11 @@ footer {
.footer #footer-right {
grid-column: 10 / 12;
grid-row: 1; }
@media (max-width: 500px) {
.footer #footer-right {
display: flex;
justify-content: flex-end;
max-width: 35%; } }
.footer #footer-right #block-quartiers-de-demain-socialmedialinks {
flex-direction: column; }
.footer #footer-right #block-quartiers-de-demain-socialmedialinks h2 {

View File

@ -49,11 +49,17 @@ footer{
#footer-left{
grid-column: 1 /span 5;
grid-row: 1;
@media (max-width: 500px){
max-width: 25%;
}
.footer_left_container{
padding-left: 5%;
@media(max-width: 891px){
max-width: 50vw;
}
@media (max-width: 500px){
padding-left: 15%;
}
display: flex;
flex-direction: row;
@ -116,6 +122,11 @@ footer{
#footer-right{
grid-column: 10 / 12;
grid-row: 1;
@media (max-width: 500px){
display: flex;
justify-content: flex-end;
max-width: 35%;
}
#block-quartiers-de-demain-socialmedialinks{
flex-direction: column;
h2{