diff --git a/body.css b/body.css new file mode 100644 index 0000000..57c4df0 --- /dev/null +++ b/body.css @@ -0,0 +1,37 @@ +body { + font-family: Arial, sans-serif; + background-color: #fbeeff; + padding: 30px; +} + +.todo-container { + background-color: #fff; + border-radius: 5px; + padding: 20px; + max-width: 500px; + margin: 0 auto; +} + +#todo-list { + list-style-type: none; + padding: 0; +} + +#todo-list li { + padding: 10px; + border: 1px solid #ddd; + margin-bottom: 10px; + position: relative; +} + +#todo-list li.done { + text-decoration: line-through; + color: #888; +} + +#todo-list li button { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); +} diff --git a/style.css b/style.css index c69bcc1..57c4df0 100644 --- a/style.css +++ b/style.css @@ -34,4 +34,4 @@ body { right: 0; top: 50%; transform: translateY(-50%); -} \ No newline at end of file +}