Merge pull request #1 from developer-junaid/main

junaid-secondary · web-flow · commit 9e844557a021 · 2022-10-01T09:51:59.000+05:00
Changed look and feel of the website and fixed bug
diff --git a/index.html b/index.html
@@ -1,25 +1,24 @@
-
 <html>
   <head>
-    <title> To Do List </title>
-    <link rel="stylesheet" href="./style.css" type="text/css" />
+    <title>To Do List</title>
+    <link rel="stylesheet" href="./styles.css" type="text/css" />
   </head>
   <body>
-<div id="myDIV" class="header">
-  <h2>My To Do List</h2>
-  <input type="text" id="myInput" placeholder="Title...">
-  <span onclick="newElement()" class="addBtn">Add</span>
-</div>
+    <div id="myDIV" class="header">
+      <h2>My To Do List</h2>
+      <input type="text" id="myInput" placeholder="Title..." />
+      <span onclick="newElement()" class="addBtn">Add</span>
+    </div>
+
+    <ul id="myUL">
+      <li>Hit the gym</li>
+      <li class="checked">Pay bills</li>
+      <li>Meet George</li>
+      <li>Buy eggs</li>
+      <li>Read a book</li>
+      <li>Organize office</li>
+    </ul>
 
-<ul id="myUL">
-  <li>Hit the gym</li>
-  <li class="checked">Pay bills</li>
-  <li>Meet George</li>
-  <li>Buy eggs</li>
-  <li>Read a book</li>
-  <li>Organize office</li>
-</ul>
-    
     <script src="./app.js"></script>
   </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -44,7 +44,7 @@ ul li.checked {
 
 /* Add a "checked" mark when clicked on */
 ul li.checked::before {
-  content: '';
+  content: "";
   position: absolute;
   border-color: #fff;
   border-style: solid;
@@ -71,7 +71,7 @@ ul li.checked::before {
 
 /* Style the header */
 .header {
-  background-color: #f44336;
+  background-color: #63ae35;
   padding: 30px 40px;
   color: white;
   text-align: center;
