Different gap for horizontal and vertical
This commit is contained in:
parent
680eeba3b1
commit
ea026c10b9
|
@ -3,7 +3,7 @@
|
||||||
<div class="mx-auto px-4">
|
<div class="mx-auto px-4">
|
||||||
<h2 class="text-2xl font-bold uppercase text-center">Recent Talks</h2>
|
<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"/>
|
<recent-talk v-for="(talk, i) in talks" :key="i" :talk="talk"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue