Skip to content

Commit eb43917

Browse files
danieldanieleckidanieldanielecki
committed
fix: improvements from recordings 18.02.2025
1 parent 43cabaf commit eb43917

File tree

2 files changed

+28
-28
lines changed

2 files changed

+28
-28
lines changed

‎README.md‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -570,11 +570,11 @@ MyFirstWebsite/
570570

571571
```css
572572
body {
573-
font-family: Arial, sans-serif;
573+
font-family: Arial, sans-serif;
574574
}
575575

576576
h1 {
577-
color: navy;
577+
color: navy;
578578
}
579579
```
580580

@@ -2449,15 +2449,15 @@ CSS comments are used to add notes or descriptions within the stylesheet. They a
24492449
```css
24502450
/* This is a CSS comment */
24512451
p {
2452-
color: blue; /* Set text color to blue */
2452+
color: blue; /* Set text color to blue */
24532453
}
24542454
```
24552455

24562456
[![Edit 057-CSS Comments](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/057-css-comments-vny2rf)
24572457

24582458
[^57]CodeSandbox: CSS Comments.
24592459

2460-
[^57]:[CodeSandbox: CSS Comments](https://vny2rf.csb.app/), last access: June 11, 2024.
2460+
[^57]:[CodeSandbox: CSS Comments](https://vny2rf.csb.app/), last access: February 18, 2025.
24612461

24622462
- CSS comments are denoted by `/* */`.
24632463
- Comments can be used to document code, provide context, or temporarily disable styles.
@@ -2476,7 +2476,7 @@ Inline CSS involves applying styles directly to individual HTML elements using t
24762476

24772477
[^58]CodeSandbox: Inline CSS.
24782478

2479-
[^58]:[CodeSandbox: Inline CSS](https://pptd9v.csb.app/), last access: June 11, 2024.
2479+
[^58]:[CodeSandbox: Inline CSS](https://pptd9v.csb.app/), last access: February 18, 2025.
24802480

24812481
- Inline CSS is employed by adding a `style` attribute to an HTML element, allowing you to define CSS properties and values directly.
24822482
- This approach offers granular control but lacks reusability and can become unwieldy for larger projects.
@@ -2492,10 +2492,10 @@ Internal CSS, also known as embedded CSS, involves placing CSS rules within a `<
24922492
<meta charset="UTF-8" />
24932493
<title>Internal (Embedded) CSS</title>
24942494
<style>
2495-
p {
2496-
color: green;
2497-
font-size: 18px;
2498-
}
2495+
p {
2496+
color: green;
2497+
font-size: 18px;
2498+
}
24992499
</style>
25002500
</head>
25012501
<body>
@@ -2508,7 +2508,7 @@ Internal CSS, also known as embedded CSS, involves placing CSS rules within a `<
25082508

25092509
[^59]CodeSandbox: Internal (Embedded) CSS.
25102510

2511-
[^59]:[CodeSandbox: Internal (Embedded) CSS](https://n8rn6n.csb.app/), last access: June 11, 2024.
2511+
[^59]:[CodeSandbox: Internal (Embedded) CSS](https://n8rn6n.csb.app/), last access: February 18, 2025.
25122512

25132513
- The `<style>` element resides within the HTML `<head>` section.
25142514
- CSS rules defined within the `<style>` element apply to HTML elements on the same page.
@@ -2535,16 +2535,16 @@ External CSS involves creating a separate CSS file with styles that can be reuse
25352535
```css
25362536
/* styles.css */
25372537
p {
2538-
color: purple;
2539-
font-size: 20px;
2538+
color: purple;
2539+
font-size: 20px;
25402540
}
25412541
```
25422542

25432543
[![Edit 060-External CSS](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/060-external-css-w9r4jj)
25442544

25452545
[^60]CodeSandbox: External CSS.
25462546

2547-
[^60]:[CodeSandbox: External CSS](https://w9r4jj.csb.app/), last access: June 11, 2024.
2547+
[^60]:[CodeSandbox: External CSS](https://w9r4jj.csb.app/), last access: February 18, 2025.
25482548

25492549
- The `<link>` element within the HTML `<head>` section links to an external CSS file named "styles.css."
25502550
- The "styles.css" file contains CSS rules that apply to HTML elements, such as `<p>` elements in this case.
@@ -2575,7 +2575,7 @@ CSS frameworks like Bootstrap, Foundation, and Bulma provide pre-designed styles
25752575

25762576
[^61]CodeSandbox: CSS Frameworks.
25772577

2578-
[^61]:[CodeSandbox: CSS Frameworks](https://tnxxzj.csb.app/), last access: June 12, 2024.
2578+
[^61]:[CodeSandbox: CSS Frameworks](https://tnxxzj.csb.app/), last access: February 18, 2025.
25792579

25802580
- In this example, the Bootstrap CSS framework is linked via a Content Delivery Network (CDN) URL.
25812581
- Bootstrap classes like `container` and `btn btn-primary` are applied to HTML elements, providing predefined styles and components.
@@ -2590,17 +2590,17 @@ CSS preprocessors like Sass and Less extend CSS with advanced features like vari
25902590
$primary-color: #007bff;
25912591

25922592
.button {
2593-
background-color: $primary-color;
2594-
color: white;
2595-
padding: 10px 20px;
2593+
background-color: $primary-color;
2594+
color: white;
2595+
padding: 10px 20px;
25962596
}
25972597
```
25982598

25992599
[![Edit 062-CSS Preprocessors](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/062-css-preprocessors-lzkls6)
26002600

26012601
[^62]CodeSandbox: CSS Preprocessors.
26022602

2603-
[^62]:[CodeSandbox: CSS Preprocessors](https://lzkls6.csb.app/), last access: June 12, 2024.
2603+
[^62]:[CodeSandbox: CSS Preprocessors](https://lzkls6.csb.app/), last access: February 18, 2025.
26042604

26052605
- In this Sass example, a variable `$primary-color` is defined to store the primary button color.
26062606
- Sass features like variable usage and nesting are employed to create the button's styling.

‎__presentation-slides/index.html‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1394,7 +1394,7 @@ <h3>Biodegradable Bamboo Toothbrush</h3>
13941394
```css[|1|3]
13951395
/* This is a CSS comment */
13961396
p {
1397-
color: blue; /* Set text color to blue */
1397+
color: blue; /* Set text color to blue */
13981398
}
13991399
```
14001400

@@ -1431,10 +1431,10 @@ <h3>Biodegradable Bamboo Toothbrush</h3>
14311431
<meta charset="UTF-8" />
14321432
<title>Internal (Embedded) CSS</title>
14331433
<style>
1434-
p {
1435-
color: green;
1436-
font-size: 18px;
1437-
}
1434+
p {
1435+
color: green;
1436+
font-size: 18px;
1437+
}
14381438
</style>
14391439
</head>
14401440
<body>
@@ -1472,8 +1472,8 @@ <h3>Biodegradable Bamboo Toothbrush</h3>
14721472
```css[|1|2-5]
14731473
/* styles.css */
14741474
p {
1475-
color: purple;
1476-
font-size: 20px;
1475+
color: purple;
1476+
font-size: 20px;
14771477
}
14781478
```
14791479

@@ -1518,9 +1518,9 @@ <h1>Bootstrap Example</h1>
15181518
$primary-color: #007bff;
15191519

15201520
.button {
1521-
background-color: $primary-color;
1522-
color: white;
1523-
padding: 10px 20px;
1521+
background-color: $primary-color;
1522+
color: white;
1523+
padding: 10px 20px;
15241524
}
15251525
```
15261526

0 commit comments

Comments
 (0)