Different gap for horizontal and vertical

This commit is contained in:
Oliver Davies 2020-09-28 07:51:13 +01:00
parent 680eeba3b1
commit ea026c10b9

View file

@ -3,7 +3,7 @@
<div class="mx-auto px-4">
<h2 class="text-2xl font-bold uppercase text-center">Recent Talks</h2>
<div class="mt-2 grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<div class="mt-2 grid grid-cols-1 gap-y-6 gap-x-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<recent-talk v-for="(talk, i) in talks" :key="i" :talk="talk"/>
</div>
</div>