changed style to em and improved scroll feature

facn2 · Jul 13, 2017 · 244ee49 · 244ee49
1 parent 6d84c88
commit 244ee49
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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 {