diff --git a/footer.php b/footer.php index 13b1707..9a7758c 100644 --- a/footer.php +++ b/footer.php @@ -6,163 +6,169 @@ diff --git a/resources/css/layout/footer.css b/resources/css/layout/footer.css index 237633d..f60c34a 100644 --- a/resources/css/layout/footer.css +++ b/resources/css/layout/footer.css @@ -1,6 +1,9 @@ .site-footer { - @apply bg-gray grid grid-cols-4 px-8 gap-8; - + @apply bg-gray; + .site-footer-grid-container { + @apply grid grid-cols-4 px-8 gap-8 mx-auto; + max-width: 2000px; + } &__informative-message { @apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center; img { @@ -50,7 +53,10 @@ } .website-credits { - @apply col-span-2 text-left font-semibold; + @apply col-span-4 xl:col-span-2 text-left font-semibold flex items-end gap-3 text-sm mx-auto xl:mx-0; + .homegrade-sigle-icon { + @apply h-12 w-auto; + } .made-by { @apply w-fit flex justify-center items-center text-neutral-600 font-semibold text-xs pt-1; svg { @@ -69,19 +75,21 @@ } .legal-credits { - @apply text-center col-span-2 lg:flex gap-3 items-end; + @apply text-center col-span-4 xl:col-span-2 xl:flex gap-3 items-end !text-sm justify-end; &__legal-page-link { - @apply font-bold relative block; + @apply font-semibold relative block; } } - .legal-credits__legal-page-link + .legal-credits__legal-page-link { - &:before { - @apply mr-3 h-4 bg-neutral-900; - transform: translateY(3px); - display: inline-block; - content: ''; - width: 2px; - content: ''; + @screen xl { + .legal-credits__legal-page-link + .legal-credits__legal-page-link { + &:before { + @apply mr-3 h-4 bg-neutral-900; + transform: translateY(3px); + display: inline-block; + content: ''; + width: 1px; + content: ''; + } } } }