footer responsive

This commit is contained in:
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 {