From b8d008d481867c8b162edbd68fc8f94419cd2969 Mon Sep 17 00:00:00 2001
From: Ahtisham Shahid <ahtisham300@gmail.com>
Date: Thu, 29 Jul 2021 12:00:11 +0500
Subject: [PATCH] fix: updated grid styling on smaller devices (#162)

* fix: updated grid styling on smaller devices

* style: center aligned app cards
---
 src/pages-and-resources/pages/PageGrid.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages-and-resources/pages/PageGrid.jsx b/src/pages-and-resources/pages/PageGrid.jsx
index 5ceb7ede5..cd4a4aded 100644
--- a/src/pages-and-resources/pages/PageGrid.jsx
+++ b/src/pages-and-resources/pages/PageGrid.jsx
@@ -8,12 +8,15 @@ function PageGrid({ pages }) {
   return (
     <CardGrid columnSizes={{
       xs: 12,
+      sm: 6,
       lg: 4,
       xl: 4,
     }}
     >
       {pages.map((page) => (
-        <PageCard key={page.id} page={page} />
+        <div className="justify-content-center w-100 d-flex">
+          <PageCard key={page.id} page={page} />
+        </div>
       ))}
     </CardGrid>
   );