crossword mobile view enabled

.vscode/dictionaries/project-words.txt

@@ -120,6 +120,7 @@ waitlist
 webring
 werkzeug
 withastro
+wordsearch
 अक्टूबर
 अगस्त
 अप्रैल

CHANGELOG.md

@@ -52,6 +52,11 @@ Created Repo from template
 - Added Featured and Category section
 - Added a keyboard game.
 
+## [3.4.1] - Aug 04 2026
+
+- Crossword page redesign for mobile view
+- typing page added
+
 ### [Unreleased]
 
 Here we write upgrading notes for brands. It's a team effort to make them as straightforward as possible.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursivezero/abcd",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "A website for kids whio want to learn the alphabet in a fun and interactive way. It is built using Astro and TypeScript.",
   "homepage": "https://abcdkbd.com",
   "displayName": "abcd",

src/assets/styles/crossword2.css → src/assets/styles/crossword.css

@@ -27,7 +27,7 @@
   min-height: 100vh;
   padding: 20px;
   box-sizing: border-box;
-  touch-action: none;
+  touch-action: pan-y;
 }
 
 /* ── Top Controls (Word List ke upar) ── */
@@ -357,7 +357,6 @@ details:not([open]) summary::after {
     display: flex !important;
     justify-content: center !important;
     align-items: center !important;
-    background: #f8fafc !important;
     border: 1.5px solid #e2e8f0 !important;
     border-radius: 5px !important;
     font-size: calc((100vw - 40px) / 8 * 0.45) !important;
@@ -366,22 +365,7 @@ details:not([open]) summary::after {
     cursor: pointer !important;
     user-select: none !important;
     -webkit-user-select: none !important;
-    touch-action: none !important;
-    min-width: 0 !important;
-    min-height: 0 !important;
-    padding: 0 !important;
-    overflow: hidden !important;
-    box-sizing: border-box !important;
-  }
-
-  .stats-container {
-    gap: 4px;
-    margin: 8px 0;
-  }
-
-  .stats-button {
-    padding: 8px 10px;
-    font-size: 11px;
+    touch-action: manipulation !important;
     border-radius: 10px;
   }