From 1073c33dfe741184a344d656ff94fb53dec620ce Mon Sep 17 00:00:00 2001
From: Vojtech Mares <iam@vojtechmares.com>
Date: Wed, 11 Jan 2023 16:50:09 +0100
Subject: [PATCH] feat(homepage/training): add mobile styles

---
 components/homepage/Training.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/homepage/Training.tsx b/components/homepage/Training.tsx
index 9d85e33..228b983 100644
--- a/components/homepage/Training.tsx
+++ b/components/homepage/Training.tsx
@@ -43,10 +43,10 @@ const Training = ({ training, className }: TrainingProps) => {
 
 const TrainingGridMobile = () => {
   return (
-    <div className="-mx-4 mt-20 flex flex-col gap-y-10 overflow-hidden px-4 sm:-mx-6 sm:px-6 lg:hidden">
+    <div className="-mx-4 mt-20 grid grid-cols-2 gap-x-8 gap-y-4 overflow-hidden px-4 sm:-mx-6 sm:px-6 lg:hidden">
       {trainingList.map((training) => (
-        <div key={training.name}>
-          <Training training={training} className="mx-auto max-w-2xl" />
+        <div key={training.name} >
+          <Training training={training} />
         </div>
       ))}
     </div>