Fix(#201): LotusList 크기가 이상해지는 오류 (#202)

boostcampwm-2024 · Dec 3, 2024 · 0735c54 · 0735c54
1 parent 5422f56
commit 0735c54
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/frontend/src/widget/lotusList/SuspenseLotusList.tsx b/apps/frontend/src/widget/lotusList/SuspenseLotusList.tsx
@@ -16,12 +16,12 @@ export function SuspenseLotusList({ queryOptions }: { queryOptions: LotusLostQue
   if (lotuses.length < 1) return <SuspenseLotusListEmpty />;
 
   return (
-    <div className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 place-items-center">
+    <div className="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
       {lotuses?.map(({ lotus, author }) => (
         <Lotus lotus={lotus} key={lotus.id}>
           <User user={author}>
             <Lotus.Link>
-              <div className="w-full h-full lg:w-82 p-5 shadow-md bg-white rounded-xl hover:shadow-lg hover:shadow-neutral-400 transition-shadow duration-200">
+              <div className="w-full h-full w-82 p-5 shadow-md bg-white rounded-xl hover:shadow-lg hover:shadow-neutral-400 transition-shadow duration-200">
                 <div className="flex justify-between items-center">
                   <Lotus.Title className="text-[#1C1D22]" />