Final updates for footer reponsivity

source/_patterns/02-organisms/00-global/footer.mustache

@@ -4,7 +4,7 @@
       <img
         src="https://www.va-fighters.com/pirati/krajska-sablona/dist/assets/img/logo.svg"
         alt=""
-        class="footer-brand w-32 md:w-40 pb-6"
+        class="w-32 md:w-40 pb-6"
       />
       <p class="para hidden md:block md:mb-4 lg:mb-0 text-grey-200">
         Piráti, 2020. Všechna práva vyhlazena. Sdílejte a nechte
@@ -84,14 +84,14 @@
       </div>
     </div>
   </section>
-  <section class="footer-section bg-black py-4 lg:py-12">
+  <section class="bg-black py-4 lg:py-12">
     <div class="container container--default">
-      <div class="grid grid-cols-1 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-        {{> molecules-condensed-badge(hideOccupation: true) }}
-        {{> molecules-condensed-badge(hideOccupation: true) }}
-        {{> molecules-condensed-badge(hideOccupation: true) }}
-        <div class="lg:col-span-3 xl:col-span-1 lg:mt-4 xl:mt-0 lg:text-center xl:text-right">
-          {{> atoms-basic-button(cta: "Kontakt", classes: "btn--white btn--hoveractive btn--fullwidth lg:btn--autowidth text-lg btn--fading") }}
+      <div class="footer-contacts flex flex-col lg:flex-row lg:items-center space-y-4 lg:space-y-0 lg:space-x-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") }}
+        <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--fading") }}
         </div>
       </div>
     </div>

source/css/organisms/footer.pcss

@@ -25,3 +25,16 @@
     grid-template-columns: 25% 1fr 25%;
   }
 }
+
+
+.footer-contacts {
+  @apply gap-4 grid-cols-1;
+
+  @screen lg {
+    @apply grid-cols-3;
+  }
+
+  @screen xl {
+    grid-template-columns: 1fr 1fr 1fr auto;
+  }
+}