From 502d5866f4d42b101ee87fedfb338a29af637b2e Mon Sep 17 00:00:00 2001
From: DrMint <thomas.barillot@etu.u-bordeaux.fr>
Date: Tue, 15 Feb 2022 17:55:45 +0100
Subject: [PATCH] Fixed library to always have 2 columns on mobile

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

diff --git a/src/pages/library/index.tsx b/src/pages/library/index.tsx
index 26586a8..d863540 100644
--- a/src/pages/library/index.tsx
+++ b/src/pages/library/index.tsx
@@ -33,7 +33,7 @@ export default function Library(props: LibraryProps): JSX.Element {
   );
   const contentPanel = (
     <ContentPanel width={ContentPanelWidthSizes.large}>
-      <div className="grid gap-8 items-end grid-cols-[repeat(auto-fill,_minmax(15rem,1fr))]">
+      <div className="grid gap-8 items-end grid-cols-2 desktop:grid-cols-[repeat(auto-fill,_minmax(14rem,1fr))]">
         {props.libraryItems.libraryItems.data.map((item) => (
           <LibraryItemComponent key={item.id} item={item.attributes} />
         ))}