Skip to content
Snippets Groups Projects
Commit d732ec94 authored by xaralis's avatar xaralis
Browse files

Final updates for footer reponsivity

parent 11a2b2f9
Branches
Tags
No related merge requests found
Pipeline #779 passed
......@@ -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>
......
......@@ -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;
}
}
This diff is collapsed.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment