fix grid in About section for anything between 1024px and 500px sizes

jessicachitas · jessicachitas · commit 56ffff900d7b · 2025-02-13T17:02:11.000Z
Signed-off-by: Jess Chitas &lt;36636982+jessicachitas@users.noreply.github.com&gt;
diff --git a/dist/index.html b/dist/index.html
@@ -9,8 +9,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>RamaLama</title>
     <link rel="icon" href="/ramalama.ai/assets/ramalama-favicon-x-i7PUts.svg" />
-    <script type="module" crossorigin src="/ramalama.ai/assets/index-DJAdA49l.js"></script>
-    <link rel="stylesheet" crossorigin href="/ramalama.ai/assets/index-BFddsqgA.css">
+    <script type="module" crossorigin src="/ramalama.ai/assets/index-AzfteG-a.js"></script>
+    <link rel="stylesheet" crossorigin href="/ramalama.ai/assets/index-IOn2bC-U.css">
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/App.css b/src/App.css
@@ -245,10 +245,13 @@
 .about-graphic-2,
 .about-graphic-3,
 .about-graphic-4 {
-  width: 18vw;
+  width: 20vw;
   margin-top: 1vh;
   @media screen and (max-width: 1024px) {
-    width: 75vw;
+    width: 30vw;
+    @media screen and (max-width: 500px) {
+      width: 75vw;
+    }
   }
 }
 
