fix : responsive for mobile

sludovicdelys · May 27, 2024 · 2509d63 · 2509d63
1 parent 1ff14d7
commit 2509d63
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/.github/workflows/workflow.yml b/.github/workflows/workflow.yml
@@ -17,7 +17,7 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install and build
         run: npm install && npm run build

diff --git a/src/components/styles.css b/src/components/styles.css
@@ -140,4 +140,20 @@
         width: 95%;
         flex-direction: column;
     }
+}
+
+@media (max-width: 400px) {
+    .input {
+        width: 90%;
+    }
+
+    .todos {
+        width: 90%;
+        margin-bottom : 10px;
+    }
+
+    .container {
+        width: 90%;
+        flex-direction: column;
+    }
 }