diff --git a/frontend-v2/src/pages/resources.tsx b/frontend-v2/src/pages/resources.tsx
index 28da6f98f..7e18db1aa 100644
--- a/frontend-v2/src/pages/resources.tsx
+++ b/frontend-v2/src/pages/resources.tsx
@@ -40,7 +40,7 @@ export const Resources = () => {
         <div
           className={cn(
             "grid gap-4",
-            view === "cards" ? "grid-cols-3" : "items-center"
+            view === "cards" ? "md:grid-cols-2 lg:grid-cols-3" : "items-center"
           )}
         >
           {list?.map(({ id }) =>