feat: 책이 왼쪽부터 차례로 배치되도록 구현

prgrms-web-devcourse · Dec 2, 2023 · f9bcaa8 · f9bcaa8
1 parent 281a826
commit f9bcaa8
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/v1/bookShelf/BookShelf.tsx b/src/v1/bookShelf/BookShelf.tsx
@@ -51,9 +51,9 @@ type BooksProps = Pick<APIBookshelf, 'books'>;
 
 const Books = ({ books }: BooksProps) => {
   return (
-    <ul className="flex justify-between px-[0.5rem]">
+    <ul className="grid grid-cols-4 px-[0.5rem]">
       {books.map(book => (
-        <li key={book.bookId} className="flex">
+        <li key={book.bookId} className="flex justify-center">
           <Book {...book} />
         </li>
       ))}