UI + responsive + playlists

src/components/ToDoList.vue

@@ -16,22 +16,14 @@
         </div>
       </div>
     </div>
-
-    <div id="pomodoro">
-      <pomodoro></pomodoro>
-    </div>
   </div>
 </template>
 
 <script>
 
-import Pomodoro from "@/components/Pomodoro";
 
 export default {
   name: "ToDoList",
-  components: {
-    Pomodoro
-  },
   data() {
     return {
       item: "",
@@ -70,7 +62,7 @@ export default {
     display: flex;
     flex-direction: column;
     margin-left: 32px;
-    width: 40%;
+    width: 100%;
   }
 
   #todo_input {