fixes for mobile

addievo · Jul 19, 2023 · 1f5bda2 · 1f5bda2
1 parent 9ef669c
commit 1f5bda2
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -2,11 +2,15 @@
 <html>
 <head>
     <title>Todo List</title>
-<style>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
         body {
             background-color: #f0f0f0;
             font-family: Arial, sans-serif;
             padding: 0 5%;
+            display: flex;
+            flex-direction: column;
+            min-height: 100vh;
         }
 
         h1 {
@@ -32,6 +36,7 @@
             list-style-type: none;
             padding: 0;
             margin: 0;
+            flex-grow: 1;
         }
 
         #todoList li {
@@ -69,6 +74,10 @@
             body {
                 padding: 0 3%;
             }
+
+            h1, #todoInput, #todoList li label, button {
+                font-size: 18px;
+            }
         }
     </style>
 </head>