added number to varnmala

Author: Ciphrox

src/assets/styles/varnmala/number.css

@@ -92,9 +92,7 @@
     border: 1px solid var(--border);
     border-radius: 0.5rem;
     box-shadow: 0 4px 12px color-mix(in srgb, var(--text) 15%, transparent);
-    transition:
-      opacity 0.2s,
-      visibility 0.2s;
+    transition: opacity 0.2s, visibility 0.2s;
     display: flex;
     align-items: flex-end;
     justify-content: center;
@@ -114,7 +112,6 @@
     width: 100%;
     max-height: 100%;
     overflow-y: auto;
-    grid-template-columns: repeat(4, 1fr);
   }
 
   & .variation {

src/pages/varnmala/number.astro

@@ -24,7 +24,9 @@ const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
             <div class="multiplication__popover">
               <div class="variations__grid">
                 {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((multiplier) => (
-                  <div class="variation">{number * multiplier}</div>
+                  <div class="variation">
+                    {number} × {multiplier} = {number * multiplier}
+                  </div>
                 ))}
               </div>
             </div>