From 244ee493dcd730f26e817210220bf2138204a8f0 Mon Sep 17 00:00:00 2001
From: matthewdking <matthewdking@outlook.com>
Date: Thu, 13 Jul 2017 09:42:27 +0300
Subject: [PATCH] changed style to em and improved scroll feature

---
 index.html |  2 --
 style.css  | 12 +++++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 2b9d8f0..1fd6a29 100644
--- a/index.html
+++ b/index.html
@@ -17,8 +17,6 @@ <h1>To-do App</h1>
   </header>
   <div class="main-container">
     <div class="center-container">
-
-
       <form class="add-todo" id="add-todo">
         <input placeholder="Enter your activity..." type="text" name="description" value="">
         <input type="submit" name="" value="Submit">
diff --git a/style.css b/style.css
index 6491a2f..c6b9850 100644
--- a/style.css
+++ b/style.css
@@ -20,14 +20,15 @@ header h1 {
 
 .main-container {
   margin-top: 20px;
-  width: 300px;
-  height: 350px;
+  width: 20em;
+  height: 25em;
   margin: 0 auto;
-  border-radius: 20px;
+  border-radius: 2em;
   border: solid 8px #2c3033;
   background: white;
   box-shadow: 0 0 0px 1px rgba(255, 255, 255, .4), 0 0 0px 3px #2c3033;
-  overflow: scroll;
+  overflow: hidden;
+  position: relative;
 }
 
 .center-container {
@@ -47,7 +48,8 @@ header h1 {
   width: 100%;
   padding: 0px;
   margin: 0px;
-  height: 100%;
+  height: 22em;
+  overflow-y: scroll;
 }
 
 ul {