diff --git a/source/_patterns/02-organisms/00-global/footer.mustache b/source/_patterns/02-organisms/00-global/footer.mustache index 79dc32f58d9175a7735b8c99c9a399585c1aabf4..d514aaaac1b79bf4ed0aeef67f0daf4297780e4d 100644 --- a/source/_patterns/02-organisms/00-global/footer.mustache +++ b/source/_patterns/02-organisms/00-global/footer.mustache @@ -90,13 +90,11 @@ </section> <section class="bg-black py-4 lg:py-12"> <div class="container container--default"> - <div class="footer-contacts flex flex-col lg:flex-row lg:items-center space-y-4 lg:space-y-0 lg:space-x-4"> + <div class="footer-contacts grid gap-4 grid-cols-1 md:grid-cols-2 xl:grid-cols-4"> + {{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }} {{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }} {{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }} {{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }} - <div class="lg:mt-4 xl:mt-0 lg:text-center xl:text-right"> - {{> atoms-basic-button(cta: "Kontakt", classes: "btn--white btn--hoveractive btn--fullwidth md:btn--autowidth text-lg btn--to-grey-125") }} - </div> </div> </div> </section> diff --git a/source/css/organisms/footer.pcss b/source/css/organisms/footer.pcss index 00936d9752e2473ad3a9281056870235a8e64083..51d01b5d96349311ba4afa17562a5c000be079dc 100644 --- a/source/css/organisms/footer.pcss +++ b/source/css/organisms/footer.pcss @@ -26,19 +26,6 @@ } } - -.footer-contacts { - @apply gap-4 grid-cols-1; - - @screen lg { - @apply grid-cols-3; - } - - @screen xl { - grid-template-columns: 1fr 1fr 1fr auto; - } -} - .footer-collapsible__toggle { @apply flex items-center cursor-pointer;