fix(docs_page): prettier_issue

Signed-off-by: Akella Srinivas <alsrinivas.346@gmail.com>

Author: Srinu346

src/components/Product.js

@@ -5,7 +5,7 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 function UTG() {
   return (
     <div className="rounded-lg">
-      <ul className="product-grid grid auto-cols-[300px] gap-3 md:grid-flow-col lg:gap-5">
+      <ul className="product-grid grid gap-3 lg:gap-5">
         <li className="mt-5 flex flex-col space-y-3 text-lg">
           <Link
             className="text-foreground-light flex-grow text-sm"

src/css/custom.css

@@ -440,12 +440,19 @@ td img {
   }
 }
 
-@media screen and (max-width: 1000px) {
+.product-grid {
+  grid-auto-columns: 100%; 
+  grid-auto-flow: row; 
+}
+
+@media screen and (min-width: 768px) {
   .product-grid {
-    grid-template-columns: repeat(1, 1fr); 
+    grid-auto-columns: 300px; 
+    grid-auto-flow: column; 
   }
 }
 
+
 .docs-image-legend-wrapper {
   width: 100%;
   margin: 0;