Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX Refining footer responsiveness

Browse Source
This commit is contained in:
Antoine M 2025-06-20 09:27:28 +02:00
parent 92f5dc72d1
commit 1442f47397
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
resources/css/layout/footer.css
View File

@ -57,10 +57,11 @@ footer {
} }
.credits { .credits {
@apply w-full grid gap-x-24 gap-y-12; @apply w-full grid gap-y-12 gap-x-8 lg:gap-x-12 grid-cols-1 md:grid-cols-2; /* Mobile-first: 1 column */
display: grid;
column-gap: 100px; @screen lg {
grid-auto-flow: column; /* clé ici */ /* column-gap: 100px; */
grid-auto-flow: column;
grid-template-rows: repeat(2, auto); grid-template-rows: repeat(2, auto);
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
@ -68,6 +69,7 @@ footer {
grid-row: span 2; grid-row: span 2;
} }
} }
}
.socials { .socials {
a { a {
@apply block; @apply block;
@ -79,7 +81,7 @@ footer {
.social-icon { .social-icon {
@apply w-full h-auto; @apply w-full h-auto;
max-width: 48px; width: 48px;
} }
} }
} }