Fix code formstting with prettier

Todo.html

@@ -47,8 +47,8 @@ <h1 class="subtitle">Todo-List</h1>
           <option value="low">Low</option>
         </select>
         <div class="js-actions-wrapper">
-          <button class="js-add-button">
-            <i class="fa-solid fa-add"></i>
+          <button class="js-add-button" title="Add tasks">
+            <i class="fa-solid fa-add"></i> &nbsp; Add tasks
           </button>
           <button class="js-cancel-button" title="Cancel">
             <i class="fa-solid fa-times"></i>

impstyle.css

@@ -1,15 +1,10 @@
 body {
   font-family: Arial, sans-serif;
-  background: rgb(136, 0, 255);
-  background: linear-gradient(
-    0deg,
-    rgba(65, 45, 253, 1) 48%,
-    rgba(29, 29, 29, 1) 100%
-  );
+  background: linear-gradient(to bottom, #6b46c1, #9f7aea, #f687b3);
   margin: 0;
   padding: 20px;
-  overflow: hidden;
-  height: 100vh;
+  /* overflow: hidden; */
+  min-height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -26,7 +21,8 @@ body {
   display: flex;
   justify-content: space-around;
   align-items: center;
-  height: 70vh;
+  min-height: 70vh;
+  /* border:1px black solid */
 }
 
 .toggle-container {
@@ -62,3 +58,14 @@ body {
   color: #555;
   font-family: 'Londrina Outline', cursive;
 }
+
+@media only screen and (max-width: 1100px) {
+  .contain {
+    flex-direction: column;
+    width: fit-content;
+  }
+  .toggle-container {
+    width: 70%;
+    margin-bottom: 12px;
+  }
+}

index.html

@@ -30,7 +30,7 @@
 
     <!-- Main Block -->
     <section
-      class="flex justify-center items-center h-screen bg-gradient-to-b from-purple-600 via-indigo-600 to-gray-900"
+      class="flex justify-center items-center h-screen bg-gradient-to-b from-purple-700 via-purple-500 to-pink-400"
     >
       <div class="container mx-auto px-4 text-center text-white">
         <h1 class="text-4xl md:text-6xl font-bold">

style.css

@@ -9,13 +9,7 @@ body {
   justify-content: center;
   align-items: center;
   height: 100vh;
-  background: rgb(136, 0, 255);
-  background: linear-gradient(
-    0deg,
-    rgba(136, 0, 255, 1) 24%,
-    rgba(65, 45, 253, 1) 48%,
-    rgba(29, 29, 29, 1) 100%
-  );
+  background: linear-gradient(to bottom, #6b46c1, #9f7aea, #f687b3);
 }
 why-need-link {
   position: absolute;