Update for responsive design

Author: ThePonti

practicals/stacks/option3/public/css/style.css

@@ -133,8 +133,9 @@ html {
   position: relative;
 }
   #create-todo input {
-	margin-top:20px;
-    width: 466px;
+  margin-top:20px;
+  width: 80%;
+    min-width: 285px;
     font-size: 24px;
     font-family: inherit;
     line-height: 1.4em;
@@ -243,8 +244,8 @@ html {
     visibility: hidden;
   }
   #todo-stats .todo-count {
-	font-size: 14px;
-	font-weight: normal;
+  font-size: 14px;
+  font-weight: normal;
     float: left;
   }
     #todo-stats .todo-count .number {
@@ -420,8 +421,10 @@ html {
 
 }
 
-@media only screen and (min-width: 768px) {
-
+@media only screen and (max-width: 768px) {
+  #todoapp {
+      width: 85%;
+  }
 }
 
 

practicals/stacks/option3/public/js/script.js

@@ -142,7 +142,6 @@ $(function(){
     clear: function() {
       this.model.destroy();
     }
-
   });
 
   // The Application