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> </section>
{% endif %} {% 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 %} {% 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> <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> <a href="{{page.next.url }}" class="text-3xl tracking-tight font-extrabold leading-none break-normal">{{page.next.title}}</a>
</div> </div>
{% endif %} {% endif %}
{% if page.previous.url %} {% 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> <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> <a href="{{page.previous.url }}" class="text-3xl tracking-tight font-extrabold leading-none break-normal">{{page.previous.title}}</a>
</div> </div>