added & changed some comments

assets/scripts/script.js

@@ -1,4 +1,4 @@
-// HTML
+// HTML.
 const noteTitle = document.querySelector(".__title input");
 const noteBody = document.querySelector(".__body textarea");
 

assets/styles/style.css

@@ -45,6 +45,8 @@ h2 {
 	height: 100%;
 }
 
+/* Title Input */
+
 .__title {
 	width: 100%;
 }
@@ -61,6 +63,8 @@ h2 {
 	outline: none;
 }
 
+/* Body / textarea / The Note Itself */
+
 .__body {
 	height: 100%;
 	width: 100%;
@@ -79,6 +83,8 @@ h2 {
 	outline: none;
 }
 
+/* Bottom Part / The One With The Buttons */
+
 .__function {
 	display: flex;
 	border: var(--border-shorthand);
@@ -114,6 +120,7 @@ button {
 }
 
 /* Media Query */
+
 @media (hover: hover) {
 	.__function button:hover {
 		color: var(--button-hover-color);
@@ -121,8 +128,10 @@ button {
 	}
 }
 
+/* Font Size */
 @media (max-width: 30rem) { /* 480px */
 	html {
 		font-size: calc(1rem - 10%);
 	}
-}
+}
+/* -------- */

index.html

@@ -27,7 +27,7 @@
 
 				<!-- Appear when clicked. -->
 				<button class="_delete-confirm">Click again to delete</button>
-				<!-- ------------------- -->
+				<!-- -------------------- -->
 
 				<button class="_save-to-local">Save to local</button>
 			</div>