Grid is hard to use

luloxi · Sep 30, 2024 · c06c528 · c06c528
1 parent e691ffe
commit c06c528
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/nextjs/components/punk-society/NewsFeed.tsx b/packages/nextjs/components/punk-society/NewsFeed.tsx
@@ -9,7 +9,7 @@ type NewsFeedProps = {
 export const NewsFeed: React.FC<NewsFeedProps> = ({ posts }) => {
   return (
     <div className="mt-4 lg:mt-0 lg:flex lg:justify-center lg:items-center">
-      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-3 lg:m-2">
+      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-5 gap-3 lg:my-2">
         {posts.map(post => (
           <PostCard post={post} key={post.uri} />
         ))}