fix: improvements from recordings 17.02.2025

Author: danieldanielecki

README.md

@@ -2355,25 +2355,25 @@ Selectors target HTML elements to apply styling. They can target elements based
 ```css
 /* Element Selector */
 p {
-    color: blue;
+  color: blue;
 }
 
 /* Class Selector */
 .title {
-    font-size: 24px;
+  font-size: 24px;
 }
 
 /* ID Selector */
 #header {
-    background-color: gray;
+  background-color: gray;
 }
 ```
 
 [![Edit 054-Selectors](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/054-selectors-sl9z4d)
 
 [^54]CodeSandbox: Selectors.
 
-[^54]:[CodeSandbox: Selectors](https://sl9z4d.csb.app/), last access: June 5, 2024.
+[^54]:[CodeSandbox: Selectors](https://sl9z4d.csb.app/), last access: February 17, 2025.
 
 - The `p` selector targets all `<p>` elements, setting their text color to blue.
 - The `.title` selector targets elements with the class "title," applying a font size of 24 pixels.
@@ -2386,27 +2386,27 @@ CSS properties define the visual characteristics of HTML elements, while values
 ```css
 /* Font Properties */
 p {
-    font-family: Arial, sans-serif;
-    font-size: 16px;
-    font-weight: bold;
+  font-family: Arial, sans-serif;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 /* Color Properties */
 .title {
-    color: #ff0000; /* Red */
+  color: #ff0000; /* Red */
 }
 
 /* Background Properties */
 #header {
-    background-color: #f0f0f0; /* Light Gray */
+  background-color: #f0f0f0; /* Light Gray */
 }
 ```
 
 [![Edit 055-Properties and Values](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/055-properties-and-values-f4437y)
 
 [^55]CodeSandbox: Properties and Values.
 
-[^55]:[CodeSandbox: Properties and Values](https://f4437y.csb.app/), last access: June 5, 2024.
+[^55]:[CodeSandbox: Properties and Values](https://f4437y.csb.app/), last access: February 17, 2025.
 
 - Font properties control the appearance of text, such as font family, size, and weight.
 - Color properties define the color of text and backgrounds using hexadecimal, RGB, or named colors.
@@ -2423,19 +2423,19 @@ The CSS box model describes how elements are rendered on a web page, consisting
 ```css
 /* Box Model Properties */
 .box {
-    width: 200px;
-    height: 100px;
-    padding: 20px;
-    border: 2px solid #000;
-    margin: 10px;
+  width: 200px;
+  height: 100px;
+  padding: 20px;
+  border: 2px solid #000;
+  margin: 10px;
 }
 ```
 
 [![Edit 056-Box Model](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/056-box-model-pjx5ch)
 
 [^56]CodeSandbox: Box Model.
 
-[^56]:[CodeSandbox: Box Model](https://pjx5ch.csb.app/), last access: June 5, 2024.
+[^56]:[CodeSandbox: Box Model](https://pjx5ch.csb.app/), last access: February 17, 2025.
 
 - `width` and `height` set the dimensions of the content area.
 - `padding` creates space between the content and the border.

__presentation-slides/index.html

@@ -1315,17 +1315,17 @@ <h3>Biodegradable Bamboo Toothbrush</h3>
 ```css[|1|6|11|1,6,11|2|4|2,4|3|7|9|7,9|8|12|14|12,14|13]
 /* Element Selector */
 p {
-    color: blue;
+  color: blue;
 }
 
 /* Class Selector */
 .title {
-    font-size: 24px;
+  font-size: 24px;
 }
 
 /* ID Selector */
 #header {
-    background-color: gray;
+  background-color: gray;
 }
 ```
 
@@ -1340,19 +1340,19 @@ <h3>Biodegradable Bamboo Toothbrush</h3>
 ```css[|1|8|13|1,8,13|2|6|2,6|3,4,5|9|11|9,11|10|14|16|14,16|15]
 /* Font Properties */
 p {
-    font-family: Arial, sans-serif;
-    font-size: 16px;
-    font-weight: bold;
+  font-family: Arial, sans-serif;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 /* Color Properties */
 .title {
-    color: #ff0000; /* Red */
+  color: #ff0000; /* Red */
 }
 
 /* Background Properties */
 #header {
-    background-color: #f0f0f0; /* Light Gray */
+  background-color: #f0f0f0; /* Light Gray */
 }
 ```
 
@@ -1375,11 +1375,11 @@ <h3>Biodegradable Bamboo Toothbrush</h3>
 ```css[|1|2|8|2,8|3|4|5|6|7]
 /* Box Model Properties */
 .box {
-    width: 200px;
-    height: 100px;
-    padding: 20px;
-    border: 2px solid #000;
-    margin: 10px;
+  width: 200px;
+  height: 100px;
+  padding: 20px;
+  border: 2px solid #000;
+  margin: 10px;
 }
 ```