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

@@ -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>
   );