diff --git a/index.html b/index.html
index 8aace5a..8c51ada 100755
--- 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>
