style: fix hackathons/feed grid

src/features/Hackathons/pages/HackathonsPage/HackathonsPage.tsx

@@ -55,11 +55,11 @@ export default function HackathonsPage() {
                         </Button>
                     </div>
                 </aside>
-                <div className="self-start">
+                <main className="self-start">
                     <HackathonsList
                         isLoading={hackathonsQuery.loading}
                         items={hackathonsQuery.data?.getAllHackathons} />
-                </div>
+                </main>
             </div></>
     )
 }

src/features/Hackathons/pages/HackathonsPage/styles.module.scss

@@ -4,7 +4,10 @@
   gap: 24px;
 
   @media screen and (min-width: 768px) {
-    grid-template-columns: 1fr 3fr;
+    grid-template-columns: repeat(4, 1fr);
     gap: 24px;
+    > main {
+      grid-column: 2/5;
+    }
   }
 }