Add To-Do List application with HTML, CSS, and JavaScript

2026-03-06 13:23:58 +01:00 · 2025-01-27 18:09:53 +01:00
parent f829630017
commit ab03df87da
3 changed files with 123 additions and 0 deletions
--- a/do/styles.css
+++ b/do/styles.css
@@ -0,0 +1,40 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    background-color: #f0f0f0;
+}
+
+.container {
+    background: white;
+    padding: 20px;
+    border-radius: 5px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+ul {
+    list-style: none;
+    padding: 0;
+}
+
+li {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+    border-bottom: 1px solid #ddd;
+}
+
+li.completed {
+    text-decoration: line-through;
+    color: #888;
+}
+
+button {
+    background: none;
+    border: none;
+    cursor: pointer;
+}