diff --git a/resources/css/layout/footer.css b/resources/css/layout/footer.css index f60c34a..64bc65b 100644 --- a/resources/css/layout/footer.css +++ b/resources/css/layout/footer.css @@ -2,7 +2,8 @@ @apply bg-gray; .site-footer-grid-container { @apply grid grid-cols-4 px-8 gap-8 mx-auto; - max-width: 2000px; + /* max-width: 2000px; */ + max-width: 1440px; } &__informative-message { @apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center; @@ -17,6 +18,9 @@ &__navigation-menu { @apply p-8 bg-white rounded-3xl; } + .content-intertitle { + @apply font-bold text-lg; + } &__infos-contact { @apply col-span-4 lg:col-span-1 grid gap-6; @@ -52,8 +56,23 @@ @apply col-span-4 md:col-span-2; } + .footer-credits { + @apply justify-between items-end container mx-auto px-8 lg:px-16 + py-8 + gap-y-12 + md:gap-y-8 + flex + flex-col + lg:flex-row + items-center + lg:items-end; + max-width: 2000px; + } .website-credits { - @apply col-span-4 xl:col-span-2 text-left font-semibold flex items-end gap-3 text-sm mx-auto xl:mx-0; + @apply col-span-4 xl:col-span-2 text-left w-fit + font-semibold + flex + gap-3 text-sm xl:mx-0; .homegrade-sigle-icon { @apply h-12 w-auto; } @@ -75,12 +94,12 @@ } .legal-credits { - @apply text-center col-span-4 xl:col-span-2 xl:flex gap-3 items-end !text-sm justify-end; + @apply text-center col-span-4 xl:col-span-2 flex flex-col md:flex-row justify-end items-center md:items-end gap-3 !text-sm; &__legal-page-link { @apply font-semibold relative block; } } - @screen xl { + @screen md { .legal-credits__legal-page-link + .legal-credits__legal-page-link { &:before { @apply mr-3 h-4 bg-neutral-900;