work on todos front

resources/js/views/ToDoLists/ToDoListIndex.vue

@@ -15,11 +15,13 @@
             <a href="#" class="btn-primary" @click="modal = ! modal">Add New List</a>
         </div>
         <Loader v-if="loading" />
-        <div v-else>
+        <div v-else class="flex flex-wrap -m-2 mt-2">
             <div v-if="toDoLists.length < 1">No List Yet</div>
-            <div v-else v-for="toDoList in toDoLists">
-                <ToDoList :to-do-list="toDoList" />
-            </div>
+                <ToDoList v-else
+                          v-for="(toDoList, index) in toDoLists"
+                          :key="index"
+                          :to-do-list="toDoList"
+                          class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
         </div>
     </div>
 </template>