50Projects-HTML-CSS-JavaScript/Source-Code/ToDoList/style.css at main · aushmish/50Projects-HTML-CSS-JavaScript · GitHub

History

83 lines (71 loc) · 1.15 KB

Raw

body {

font-family: Arial, sans-serif;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

background-color: #f4f4f4;

}

.container {

background-color: #fff;

padding: 20px;

border-radius: 8px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

h1 {

text-align: center;

}

.form-container {

margin-bottom: 20px;

}

#task-input,

#category-select,

button {

margin: 5px;

padding: 10px;

border: 1px solid #ccc;

border-radius: 4px;

}

button {

background-color: #007bff;

color: #fff;

border: none;

cursor: pointer;

}

button:hover {

background-color: #0056b3;

}

.filter-container {

margin-bottom: 20px;

display: flex;

justify-content: space-between;

align-items: center;

}

ul {

list-style-type: none;

padding: 0;

}

li {

background-color: #f9f9f9;

margin: 5px 0;

padding: 10px;

border-radius: 4px;

display: flex;

justify-content: space-between;

align-items: center;

}

.task-text {

flex: 1;

}

.delete-btn {

background-color: #dc3545;

color: #fff;

border: none;

padding: 5px 10px;

border-radius: 4px;

cursor: pointer;

}

.delete-btn:hover {

background-color: #c82333;

}

50Projects-HTML-CSS-JavaScript/Source-Code/ToDoList/style.css at main · aushmish/50Projects-HTML-CSS-JavaScript · GitHub

Expand file tree

Breadcrumbs

style.css

Latest commit

History

Breadcrumbs

style.css

File metadata and controls