1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-21 19:39:08 +00:00

Fix for mobile view

This commit is contained in:
Luke 2020-11-20 15:17:25 +01:00
parent 8c7f099ef3
commit 90bc76abd4

View file

@ -53,15 +53,15 @@ layout: page_container
</section>
{% endif %}
<div class="flex pt-24 justify-center grid grid-cols-2 col-gap-16 max-w-3xl mx-auto">
<div class="flex pt-24 justify-center grid grid-rows-2 grid-cols-2 row-gap-12 md:grid-rows-1 md:row-gap-0 md:col-gap-16 max-w-3xl mx-auto">
{% if page.next.url %}
<div class="text-left">
<div class="text-left row-start-1 row-end-2 col-start-1 col-end-3 md:row-auto md:col-auto">
<div class="pb-4 text-md opacity-55">Next Post</div>
<a href="{{page.next.url }}" class="text-3xl tracking-tight font-extrabold leading-none break-normal">{{page.next.title}}</a>
</div>
{% endif %}
{% if page.previous.url %}
<div class="text-right col-start-2">
<div class="text-right row-start-2 row-end-3 col-start-1 md:col-start-2 col-end-3 md:row-auto">
<div class="pb-4 text-md opacity-55">Previous Post</div>
<a href="{{page.previous.url }}" class="text-3xl tracking-tight font-extrabold leading-none break-normal">{{page.previous.title}}</a>
</div>