From ea026c10b928c5129e272f03e9e5ead6eb5af3ad Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 28 Sep 2020 07:51:13 +0100
Subject: [PATCH] Different gap for horizontal and vertical

---
 src/components/recent-talks/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/recent-talks/index.vue b/src/components/recent-talks/index.vue
index 0a352d4..89441f5 100644
--- a/src/components/recent-talks/index.vue
+++ b/src/components/recent-talks/index.vue
@@ -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>