From ec0f803c7de43d816215654ca5aa501d8f4743dc Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Fri, 14 Apr 2023 18:01:20 +0200
Subject: [PATCH] fix grid layout to be work on smaller devices too

---
 src/pages/videos.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/videos.tsx b/src/pages/videos.tsx
index 9446206..fd9ddc5 100644
--- a/src/pages/videos.tsx
+++ b/src/pages/videos.tsx
@@ -33,7 +33,7 @@ const VideoList: NextPage = () => {
           </div>
         </div>
         <div className="flex w-full grow items-start justify-center overflow-auto bg-[#fbfbfb] pt-14">
-          <div className="flex-start jusitfy-start container flex max-w-[1200px] flex-row flex-wrap items-center gap-14 px-4 pb-16">
+          <div className="flex-start grid w-full max-w-[1300px] grid-cols-[repeat(auto-fill,250px)] flex-row flex-wrap items-center justify-center gap-14 px-4 pb-16">
             {videos &&
               videos.map(({ title, id, createdAt }) => (
                 <VideoCard