Minute changes

n-ce · web-flow · commit e102a2f420fd · 2022-02-20T10:41:38.000+05:30
diff --git a/index.html b/index.html
@@ -5,43 +5,38 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Note</title>
-</head>
-<style>
-  @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
-
-  html,
-  body {
-    margin: 0;
-    padding: 0;
-    height: 100%;
-  }
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
 
-  body {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-  }
+    html,
+    body,
+    textarea {
+      margin: 0;
+      padding: 0;
+      height: 100%;
+    }
 
-  textarea {
-    font-family: 'Open Sans';
-    width: 90%;
-    height: 90%;
-    border: none;
-    resize: none;
-    outline: none;
-  }
-</style>
+    textarea {
+      font-family: 'Open Sans';
+      width: 90%;
+      height: 90%;
+      padding: 5%;
+      border: none;
+      resize: none;
+      outline: none;
+    }
+  </style>
+</head>
 
 <body>
   <textarea placeholder="Click here to type"></textarea>
+  <script>
+    const text = document.querySelector('textarea');
+    text.value = localStorage.getItem('key');
+    text.oninput = () => {
+      localStorage.setItem('key', text.value);
+    }
+  </script>
 </body>
-<script>
-  const text = document.querySelector('textarea');
-  text.value = localStorage.getItem('key');
-  text.oninput = () => {
-    localStorage.setItem('key', text.value);
-  }
-</script>
 
-</html>
+</html>
