fix(style): responsive grid layout for summary cards on mobile view

src/app/projects/components/ProjectsSummary.tsx

@@ -43,7 +43,7 @@ export default function ProjectsSummary(props: ProjectsSummaryProps) {
     <div
       style={{
         display: "grid",
-        gridTemplateColumns: "repeat(auto-fit, minmax(120px, 1fr))",
+        gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))",
         gap: 12,
       }}
     >

src/app/security/components/SecuritySummary.tsx

@@ -43,7 +43,7 @@ export default function SecuritySummary({ summary }: SecuritySummaryProps) {
     <div
       style={{
         display: "grid",
-        gridTemplateColumns: "repeat(auto-fit, minmax(120px, 1fr))",
+        gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))",
         gap: 12,
       }}
     >
@@ -100,4 +100,4 @@ export default function SecuritySummary({ summary }: SecuritySummaryProps) {
       })}
     </div>
   );
-}
+}

src/app/security/page.tsx

@@ -621,7 +621,8 @@ export default function SecurityPage() {
                 <div
                   style={{
                     display: "grid",
-                    gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+                    gridTemplateColumns:
+                      "repeat(auto-fit, minmax(min(380px, 100%), 1fr))",
                     gap: 16,
                   }}
                 >

src/app/servers/components/ServersSummary.tsx

@@ -41,7 +41,7 @@ export default function ServersSummary({ counts }: ServersSummaryProps) {
     <div
       style={{
         display: "grid",
-        gridTemplateColumns: "repeat(auto-fit, minmax(120px, 1fr))",
+        gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))",
         gap: 12,
       }}
     >
@@ -99,4 +99,4 @@ export default function ServersSummary({ counts }: ServersSummaryProps) {
       })}
     </div>
   );
-}
+}