From 245ecd6b8d540d1a06e934fd31ac748cb8dcbe41 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 16:28:14 +0300 Subject: [PATCH 01/16] fix: add Html5 DOCTYPE tag according to rule 2.2 in html-and-css.md --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index ef4aa1f60c..72fb82e737 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,4 @@ + Todo App From 45aebc1904f1f07de25268e0206536f99d6e12ac Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 16:38:35 +0300 Subject: [PATCH 02/16] fix: use two spaces for one indentation according to rule 1.1 in html-and-css.md --- index.html | 26 +++++----- style.css | 144 ++++++++++++++++++++++++++--------------------------- 2 files changed, 85 insertions(+), 85 deletions(-) diff --git a/index.html b/index.html index 72fb82e737..335f926239 100644 --- a/index.html +++ b/index.html @@ -1,20 +1,20 @@ Todo App - - + + -
Want more details?
-

-

Todo

-
    -
    • -
    • -

Completed

  • -
    • -
-
- +
Want more details?
+

+

Todo

+
    +
    • +
    • +

Completed

  • +
    • +
+
+ \ No newline at end of file diff --git a/style.css b/style.css index ab36227705..8bf81d3688 100644 --- a/style.css +++ b/style.css @@ -1,20 +1,20 @@ /* Basic Style */ body { - background-color: #f8f8f8; - color: #333; - font-family: Lato, sans-serif; + background-color: #f8f8f8; + color: #333; + font-family: Lato, sans-serif; } .aaa { - width: 500px; - margin: 0 auto; - display: block; - text-align: right; + width: 500px; + margin: 0 auto; + display: block; + text-align: right; } .aaa img { - width: 100%; + width: 100%; } .aaa .more_inf { - font-family: fantasy, cursive; + font-family: fantasy, cursive; } @media (max-width:768px) { @@ -22,127 +22,127 @@ body { } } .centered-main-page-element { - display: block; - width: 500px; - margin: 0 auto 0; + display: block; + width: 500px; + margin: 0 auto 0; } .task { - width: 56%; - display: inline-block; - flex-grow: 1 + width: 56%; + display: inline-block; + flex-grow: 1 } .task-row-wrapper { - display: flex; + display: flex; } ul { - margin:0; - padding: 0px; + margin:0; + padding: 0px; } li, h3 { - list-style:none; + list-style:none; } input,button{ - outline:none; + outline:none; } button { - background: none; - border: 0px; - color: #888; - font-size: 15px; - width: 60px; - font-family: Lato, sans-serif; - cursor: pointer; + background: none; + border: 0px; + color: #888; + font-size: 15px; + width: 60px; + font-family: Lato, sans-serif; + cursor: pointer; } button:hover { - color: #3a3A3a; + color: #3a3A3a; } /* Heading */ h3, label[for='new-task'] { - color: #333; - font-weight: 700; - font-size: 15px; - border-bottom: 2px solid #333; - padding: 30px 0 10px; - margin: 0; - text-transform: uppercase; + color: #333; + font-weight: 700; + font-size: 15px; + border-bottom: 2px solid #333; + padding: 30px 0 10px; + margin: 0; + text-transform: uppercase; } input[type="text"] { - margin: 0; - font-size: 18px; - line-height: 18px; - height: 21px; - padding: 0 9px; - border: 1px solid #dDd; - background: #FFF; - border-radius: 6px; - font-family: Lato, sans-serif; - color: #888; + margin: 0; + font-size: 18px; + line-height: 18px; + height: 21px; + padding: 0 9px; + border: 1px solid #dDd; + background: #FFF; + border-radius: 6px; + font-family: Lato, sans-serif; + color: #888; } input[type="text"]:focus { - color: #333; + color: #333; } /* New Task */ label[for='new-task'] { - display: block; - margin: 0 0 20px; + display: block; + margin: 0 0 20px; } input#new-task { - width: 318px; + width: 318px; } /* Task list */ li { - overflow: hidden; - padding: 20px 0; - border-bottom: 1px solid #eee; + overflow: hidden; + padding: 20px 0; + border-bottom: 1px solid #eee; - display: flex; - justify-content: space-between; - align-items: center; + display: flex; + justify-content: space-between; + align-items: center; } li > * { - vertical-align: middle; + vertical-align: middle; } li > input[type="checkbox"] { - margin: 0 10px; + margin: 0 10px; } li > label { - padding-left: 10px; - box-sizing: border-box; - font-size: 18px; - width: 226px; + padding-left: 10px; + box-sizing: border-box; + font-size: 18px; + width: 226px; } li > input[type="text"] { - width: 226px + width: 226px } button.delete img { - height: 2em; - transform: rotateZ(45deg); - transition: transform 200ms ease-in; + height: 2em; + transform: rotateZ(45deg); + transition: transform 200ms ease-in; } button.delete img:hover { - transform: rotateZ(0); + transform: rotateZ(0); } /* Completed */ ul#completed-tasks label { - text-decoration: line-through - color: #888; + text-decoration: line-through + color: #888; } /* Edit Task */ ul li input[type=text] { - display:none + display:none } ul li.editMode input[type=text] { - display:inline-block; - width:224px + display:inline-block; + width:224px } ul li.editMode label { - display:none; + display:none; } \ No newline at end of file From 49f519467decadcb8e223d76cafa73e4785ef449 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 16:52:59 +0300 Subject: [PATCH 03/16] fix: use lowercase according to rule 1.2 in html-and0css.md --- index.html | 8 ++++---- style.css | 6 +++--- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index 335f926239..e05940b441 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,9 @@ -Todo App +Todo App - - + +
Want more details?

@@ -15,6 +15,6 @@
- + \ No newline at end of file diff --git a/style.css b/style.css index 8bf81d3688..a7e20de76f 100644 --- a/style.css +++ b/style.css @@ -54,7 +54,7 @@ button { cursor: pointer; } button:hover { - color: #3a3A3a; + color: #3a3a3a; } /* Heading */ h3, @@ -73,8 +73,8 @@ input[type="text"] { line-height: 18px; height: 21px; padding: 0 9px; - border: 1px solid #dDd; - background: #FFF; + border: 1px solid #ddd; + background: #fff; border-radius: 6px; font-family: Lato, sans-serif; color: #888; From cf1ea81fbff7fb7dfb914654a3b3642d2878323e Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 16:57:38 +0300 Subject: [PATCH 04/16] fix: use double quotes in HTML & CSS files according to rule 1.3 in html-and-css.md --- index.html | 12 ++++++------ style.css | 4 ++-- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index e05940b441..2726dc8979 100644 --- a/index.html +++ b/index.html @@ -1,16 +1,16 @@ Todo App - + -
Want more details?
-

+
Want more details?
+

Todo

-
    -
    • -
    • +
      +
      • +

    Completed

    diff --git a/style.css b/style.css index a7e20de76f..d3718bdab8 100644 --- a/style.css +++ b/style.css @@ -58,7 +58,7 @@ button:hover { } /* Heading */ h3, -label[for='new-task'] { +label[for="new-task"] { color: #333; font-weight: 700; font-size: 15px; @@ -84,7 +84,7 @@ input[type="text"]:focus { } /* New Task */ -label[for='new-task'] { +label[for="new-task"] { display: block; margin: 0 0 20px; } From 806d604f71e13ebf484f2f6f13143afaf5b01741 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 17:11:44 +0300 Subject: [PATCH 05/16] fix: correct formatting according to rule 2.1 in html-and-css.md --- index.html | 57 ++++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 47 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 2726dc8979..034e294427 100644 --- a/index.html +++ b/index.html @@ -1,19 +1,56 @@ -Todo App + + Todo App -
    Want more details?
    -

    -

    Todo

    -
      -
      • -
      • -

    Completed

    • -
      • -
    +
    + + Want more details? +
    +
    +

    + +

    + + +
    +

    +

    Todo

    +
      +
    • + + + + + +
      • +
    • + + + + + +
      • +
    +

    Completed

    +
      +
    • + + + + + +
      • +
    From fa57c54fcaa731f7ec99ade7337e693bc86d3349 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 17:19:48 +0300 Subject: [PATCH 06/16] fix: change named character references according to rule 2.3 in html-and-css.md --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 034e294427..26bccf1716 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@
    - Want more details? + Want more details?

    From 0598b4b26596ab5bbf11d7cbd2f5cd619cddbf01 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 17:48:29 +0300 Subject: [PATCH 07/16] fix: delete 'type' attribute according to rule 2.4 in html-and-css.md --- index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 26bccf1716..b79e18ecb0 100644 --- a/index.html +++ b/index.html @@ -2,8 +2,8 @@ Todo App - - + +

    @@ -52,6 +52,6 @@

    Completed

- + \ No newline at end of file From be27ff295bcf6778aeb3732af565ee011a53ef7d Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 18:04:04 +0300 Subject: [PATCH 08/16] fix: HTML Line-Wrapping according to rule 2.5 in html-and-css.md --- index.html | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index b79e18ecb0..b573ce6c1c 100644 --- a/index.html +++ b/index.html @@ -2,13 +2,25 @@ Todo App - - + +
- Want more details? + Want more details? +

From 65ce6cf33cc480287da6460734eb2af775ae8022 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 18:37:34 +0300 Subject: [PATCH 09/16] fix: add semicolon after properties according to rule 3.7 in html-and-css.md --- index.html | 3 ++- style.css | 10 +++++----- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index b573ce6c1c..c8488b04e9 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,8 @@ Want more details? + > + Want more details?

diff --git a/style.css b/style.css index d3718bdab8..bcfa5513da 100644 --- a/style.css +++ b/style.css @@ -29,7 +29,7 @@ body { .task { width: 56%; display: inline-block; - flex-grow: 1 + flex-grow: 1; } .task-row-wrapper { display: flex; @@ -116,7 +116,7 @@ li > label { width: 226px; } li > input[type="text"] { - width: 226px + width: 226px; } button.delete img { height: 2em; @@ -129,18 +129,18 @@ button.delete img:hover { /* Completed */ ul#completed-tasks label { - text-decoration: line-through + text-decoration: line-through; color: #888; } /* Edit Task */ ul li input[type=text] { - display:none + display:none; } ul li.editMode input[type=text] { display:inline-block; - width:224px + width:224px; } ul li.editMode label { From ff44b5b3d0d80b7705fe576181432069514d7b67 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 18:44:21 +0300 Subject: [PATCH 10/16] fix: add space after property name according to rule 3.6 in html-and-css.md --- style.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/style.css b/style.css index bcfa5513da..539ad05167 100644 --- a/style.css +++ b/style.css @@ -35,14 +35,14 @@ body { display: flex; } ul { - margin:0; + margin: 0; padding: 0px; } li, h3 { - list-style:none; + list-style: none; } input,button{ - outline:none; + outline: none; } button { background: none; @@ -135,14 +135,14 @@ ul#completed-tasks label { /* Edit Task */ ul li input[type=text] { - display:none; + display: none; } ul li.editMode input[type=text] { - display:inline-block; - width:224px; + display: inline-block; + width: 224px; } ul li.editMode label { - display:none; + display: none; } \ No newline at end of file From a1c0b1849156e9b3b075f8d9a99bead3d8df6cd2 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 18:53:47 +0300 Subject: [PATCH 11/16] fix: correct Indentation in blocks according to rule 3.5 in html-and-css.md --- style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 539ad05167..16707c6f0d 100644 --- a/style.css +++ b/style.css @@ -18,8 +18,9 @@ body { } @media (max-width:768px) { -.aaa { text-align: center; -} + .aaa { + text-align: center; + } } .centered-main-page-element { display: block; @@ -97,7 +98,6 @@ li { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eee; - display: flex; justify-content: space-between; align-items: center; From ae477a90d1c973cce3dc9e11bd1090cdbf4e6431 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 20:56:23 +0300 Subject: [PATCH 12/16] fix: correct Indentation in blocks according to rule 3.5 in html-and-css.md --- app.js | 2 +- index.html | 2 +- style.css | 26 +++++++++++++++++++++++--- 3 files changed, 25 insertions(+), 5 deletions(-) diff --git a/app.js b/app.js index ab737a6002..e70738d0d8 100644 --- a/app.js +++ b/app.js @@ -10,7 +10,7 @@ var taskInput=document.getElementById("new-task");//Add a new task. var addButton=document.getElementsByTagName("button")[0];//first button -var incompleteTaskHolder=document.getElementById("incompleteTasks");//ul of #incompleteTasks +var incompleteTaskHolder=document.getElementById("incomplete-tasks");//ul of #incompleteTasks var completedTasksHolder=document.getElementById("completed-tasks");//completed-tasks diff --git a/index.html b/index.html index c8488b04e9..463e8cb677 100644 --- a/index.html +++ b/index.html @@ -20,7 +20,7 @@ class="more_inf" href="https://goal-life.com/page/method/matrix-eisenhower" > - Want more details? + Want more details?
diff --git a/style.css b/style.css index 16707c6f0d..938d27c726 100644 --- a/style.css +++ b/style.css @@ -4,47 +4,57 @@ body { color: #333; font-family: Lato, sans-serif; } + .aaa { width: 500px; margin: 0 auto; display: block; text-align: right; } + .aaa img { width: 100%; } + .aaa .more_inf { font-family: fantasy, cursive; } -@media (max-width:768px) { +@media (max-width: 768px) { .aaa { text-align: center; } } + .centered-main-page-element { display: block; width: 500px; margin: 0 auto 0; } + .task { width: 56%; display: inline-block; flex-grow: 1; } + .task-row-wrapper { display: flex; } + ul { margin: 0; padding: 0px; } + li, h3 { list-style: none; } -input,button{ + +input, button { outline: none; } + button { background: none; border: 0px; @@ -54,9 +64,11 @@ button { font-family: Lato, sans-serif; cursor: pointer; } + button:hover { color: #3a3a3a; } + /* Heading */ h3, label[for="new-task"] { @@ -68,6 +80,7 @@ label[for="new-task"] { margin: 0; text-transform: uppercase; } + input[type="text"] { margin: 0; font-size: 18px; @@ -80,6 +93,7 @@ input[type="text"] { font-family: Lato, sans-serif; color: #888; } + input[type="text"]:focus { color: #333; } @@ -89,6 +103,7 @@ label[for="new-task"] { display: block; margin: 0 0 20px; } + input#new-task { width: 318px; } @@ -102,6 +117,7 @@ li { justify-content: space-between; align-items: center; } + li > * { vertical-align: middle; } @@ -109,20 +125,24 @@ li > * { li > input[type="checkbox"] { margin: 0 10px; } + li > label { padding-left: 10px; box-sizing: border-box; font-size: 18px; width: 226px; } -li > input[type="text"] { + +li > input[type="text"] { width: 226px; } + button.delete img { height: 2em; transform: rotateZ(45deg); transition: transform 200ms ease-in; } + button.delete img:hover { transform: rotateZ(0); } From de848a13cbe1f3bbb430758bf2f94972e68fc931 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 21:10:30 +0300 Subject: [PATCH 13/16] fix: correct Semantics according to rule 1.1 in html-and-css-extended.md --- index.html | 4 ++-- style.css | 6 ++++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 463e8cb677..f48f557128 100644 --- a/index.html +++ b/index.html @@ -24,13 +24,13 @@
-

+

-

+

Todo

  • diff --git a/style.css b/style.css index 938d27c726..ccec5fea53 100644 --- a/style.css +++ b/style.css @@ -47,11 +47,13 @@ ul { padding: 0px; } -li, h3 { +li, +h3 { list-style: none; } -input, button { +input, +button { outline: none; } From 61c0ff209c4dee4f9ffa9bc540d8eee59f935669 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Sun, 19 Oct 2025 21:29:40 +0300 Subject: [PATCH 14/16] fix: add Media alternatives according to rule 1.2 in html-and-css-extended.md --- index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index f48f557128..b625e12e7f 100644 --- a/index.html +++ b/index.html @@ -15,7 +15,7 @@
    - + eisenhower-matrix Todo
  • @@ -48,7 +48,7 @@

    Todo

@@ -60,7 +60,7 @@

Completed

From 29b1126db527dd9c8ff6d20cc89cc453abe2e191 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Mon, 20 Oct 2025 23:58:16 +0300 Subject: [PATCH 15/16] fix: change naming according to rules 3.1-3.4 in html-and-css.md, rule 2.1 in html-and-css-extended.md --- app.js | 21 +++++++++------- index.html | 70 +++++++++++++++++++++++++++--------------------------- style.css | 67 ++++++++++++++++++++++++++------------------------- 3 files changed, 81 insertions(+), 77 deletions(-) diff --git a/app.js b/app.js index e70738d0d8..af599748d1 100644 --- a/app.js +++ b/app.js @@ -33,27 +33,30 @@ var createNewTaskElement=function(taskString){ var deleteButtonImg=document.createElement("img");//delete button image label.innerText=taskString; - label.className='task'; + label.className='todo-app__label--task todo-app__label'; //Each elements, needs appending checkBox.type="checkbox"; + checkBox.className="todo-app__input todo-app__input--checkbox" editInput.type="text"; - editInput.className="task"; + editInput.className="todo-app__input todo-app__input--text"; editButton.innerText="Edit"; //innerText encodes special characters, HTML does not. - editButton.className="edit"; + editButton.className="edit todo-app__button"; - deleteButton.className="delete"; + deleteButton.className="delete todo-app__button"; deleteButtonImg.src='./remove.svg'; + deleteButtonImg.className="todo-app__icon"; deleteButton.appendChild(deleteButtonImg); - + //and appending. listItem.appendChild(checkBox); listItem.appendChild(label); listItem.appendChild(editInput); listItem.appendChild(editButton); listItem.appendChild(deleteButton); + listItem.className="todo-app__item"; return listItem; } @@ -82,10 +85,10 @@ var editTask=function(){ var listItem=this.parentNode; - var editInput=listItem.querySelector('input[type=text]'); + var editInput=listItem.querySelector('.todo-app__input--text'); var label=listItem.querySelector("label"); var editBtn=listItem.querySelector(".edit"); - var containsClass=listItem.classList.contains("editMode"); + var containsClass=listItem.classList.contains("edit-mode"); //If class of the parent is .editmode if(containsClass){ @@ -99,7 +102,7 @@ var editTask=function(){ } //toggle .editmode on the parent. - listItem.classList.toggle("editMode"); + listItem.classList.toggle("edit-mode"); }; @@ -155,7 +158,7 @@ addButton.addEventListener("click",ajaxRequest); var bindTaskEvents=function(taskListItem,checkBoxEventHandler){ console.log("bind list item events"); //select ListItems children - var checkBox=taskListItem.querySelector("input[type=checkbox]"); + var checkBox=taskListItem.querySelector(".todo-app__input--checkbox"); var editButton=taskListItem.querySelector("button.edit"); var deleteButton=taskListItem.querySelector("button.delete"); diff --git a/index.html b/index.html index b625e12e7f..c130bfaed0 100644 --- a/index.html +++ b/index.html @@ -13,54 +13,54 @@ charset="utf-8" > - -
- eisenhower-matrix + +
+ eisenhower-matrix Want more details?
-
-
- -
- - +
+
+ +
+ +
-

Todo

-
    -
  • - - - - - +
    • -
  • - - - - - +
-

Completed

-
    -
  • - - - - - +
diff --git a/style.css b/style.css index ccec5fea53..bc70fdfeb5 100644 --- a/style.css +++ b/style.css @@ -1,63 +1,64 @@ /* Basic Style */ -body { +.page { background-color: #f8f8f8; color: #333; font-family: Lato, sans-serif; } -.aaa { +.eisenhower-matrix { width: 500px; margin: 0 auto; display: block; text-align: right; } -.aaa img { +.eisenhower-matrix__img { width: 100%; } -.aaa .more_inf { +.eisenhower-matrix__link { font-family: fantasy, cursive; } @media (max-width: 768px) { - .aaa { + .eisenhower-matrix { text-align: center; } } -.centered-main-page-element { +.todo-app { display: block; width: 500px; margin: 0 auto 0; } -.task { +.todo-app__label--task, +.todo-app__input--text { width: 56%; display: inline-block; flex-grow: 1; } -.task-row-wrapper { +.todo-app__wrapper { display: flex; } -ul { +.todo-app__list { margin: 0; - padding: 0px; + padding: 0; } -li, -h3 { +.todo-app__item, +.todo-app__title { list-style: none; } -input, -button { +.todo-app__input, +.todo-app__button { outline: none; } -button { +.todo-app__button { background: none; border: 0px; color: #888; @@ -67,13 +68,13 @@ button { cursor: pointer; } -button:hover { +.todo-app__button:hover { color: #3a3a3a; } /* Heading */ -h3, -label[for="new-task"] { +.todo-app__title, +.todo-app__label--new { color: #333; font-weight: 700; font-size: 15px; @@ -83,7 +84,7 @@ label[for="new-task"] { text-transform: uppercase; } -input[type="text"] { +.todo-app__input--text { margin: 0; font-size: 18px; line-height: 18px; @@ -96,22 +97,22 @@ input[type="text"] { color: #888; } -input[type="text"]:focus { +.todo-app__input--text:focus { color: #333; } /* New Task */ -label[for="new-task"] { +.todo-app__label--new { display: block; margin: 0 0 20px; } -input#new-task { +#new-task { width: 318px; } /* Task list */ -li { +.todo-app__item { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eee; @@ -120,51 +121,51 @@ li { align-items: center; } -li > * { +.todo-app__item > * { vertical-align: middle; } -li > input[type="checkbox"] { +.todo-app__item > .todo-app__input--checkbox { margin: 0 10px; } -li > label { +.todo-app__item > .todo-app__label { padding-left: 10px; box-sizing: border-box; font-size: 18px; width: 226px; } -li > input[type="text"] { +.todo-app__item > .todo-app__input--text { width: 226px; } -button.delete img { +.todo-app__button.delete .todo-app__icon{ height: 2em; transform: rotateZ(45deg); transition: transform 200ms ease-in; } -button.delete img:hover { +.todo-app__button.delete .todo-app__icon:hover { transform: rotateZ(0); } /* Completed */ -ul#completed-tasks label { +.todo-app__list#completed-tasks .todo-app__label { text-decoration: line-through; color: #888; } /* Edit Task */ -ul li input[type=text] { +.todo-app__item .todo-app__input--text { display: none; } -ul li.editMode input[type=text] { +.todo-app__item.edit-mode .todo-app__input--text { display: inline-block; width: 224px; } -ul li.editMode label { +.todo-app__item.edit-mode .todo-app__label { display: none; } \ No newline at end of file From c428445ca0dcef72815b2fbce22841a3c6bc4a19 Mon Sep 17 00:00:00 2001 From: EvgenyAlexievich Date: Wed, 22 Oct 2025 22:01:19 +0300 Subject: [PATCH 16/16] refactor: change Semantics according to rule 1.1 in html-and-css-extended.md --- index.html | 9 +++++---- style.css | 5 +++++ 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index c130bfaed0..02342db4ef 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,8 @@ > -
+
+

Eisenhower-matrix

eisenhower-matrix Want more details? -
-
+ +
@@ -64,7 +65,7 @@

Completed

-
+
\ No newline at end of file diff --git a/style.css b/style.css index bc70fdfeb5..3b9e5ccb9e 100644 --- a/style.css +++ b/style.css @@ -12,6 +12,11 @@ text-align: right; } +.eisenhower-matrix__h1 { + visibility: hidden; + position: absolute; +} + .eisenhower-matrix__img { width: 100%; }