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
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<img <img
src="https://www.va-fighters.com/pirati/krajska-sablona/dist/assets/img/logo.svg" src="https://www.va-fighters.com/pirati/krajska-sablona/dist/assets/img/logo.svg"
alt="" 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"> <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 Piráti, 2020. Všechna práva vyhlazena. Sdílejte a nechte
...@@ -84,14 +84,14 @@ ...@@ -84,14 +84,14 @@
</div> </div>
</div> </div>
</section> </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="container container--default">
<div class="grid grid-cols-1 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <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) }} {{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }}
{{> molecules-condensed-badge(hideOccupation: true) }} {{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }}
{{> molecules-condensed-badge(hideOccupation: true) }} {{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }}
<div class="lg:col-span-3 xl:col-span-1 lg:mt-4 xl:mt-0 lg:text-center xl:text-right"> <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 lg:btn--autowidth text-lg btn--fading") }} {{> atoms-basic-button(cta: "Kontakt", classes: "btn--white btn--hoveractive btn--fullwidth md:btn--autowidth text-lg btn--fading") }}
</div> </div>
</div> </div>
</div> </div>
......
...@@ -25,3 +25,16 @@ ...@@ -25,3 +25,16 @@
grid-template-columns: 25% 1fr 25%; 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;
}
}
Source diff could not be displayed: it is too large. Options to address this: view the blob.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment