Skip to content

Commit 7a882d6

Browse files
fix: improvements from recording 28.2.2025
1 parent 96ae520 commit 7a882d6

File tree

2 files changed

+11
-11
lines changed

2 files changed

+11
-11
lines changed

README.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2889,23 +2889,23 @@ Adopting a mobile-first approach involves designing for mobile devices first, th
28892889
```css
28902890
/* Base styles for mobile devices */
28912891
.container {
2892-
background-color: #ff0000;
2893-
padding: 10px;
2892+
background-color: #ff0000;
2893+
padding: 10px;
28942894
}
28952895

28962896
/* Additional styles for larger screens */
28972897
@media screen and (min-width: 768px) {
2898-
.container {
2899-
padding: 50px;
2900-
}
2898+
.container {
2899+
padding: 50px;
2900+
}
29012901
}
29022902
```
29032903

29042904
[![Edit 071-Mobile-First Approach](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/071-mobile-first-approach-fd8cvs)
29052905

29062906
[^71]CodeSandbox: Mobile-First Approach.
29072907

2908-
[^71]:[CodeSandbox: Mobile-First Approach](https://fd8cvs.csb.app/), last access: June 20, 2024.
2908+
[^71]:[CodeSandbox: Mobile-First Approach](https://fd8cvs.csb.app/), last access: February 28, 2025.
29092909

29102910
- In this example, styles for smaller screens are defined first, followed by media queries to enhance the layout for larger screens.
29112911

__presentation-slides/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1795,15 +1795,15 @@ <h1 id="heading">JavaScript Example</h1>
17951795
```css[|1|2-5|7|8|12|8,12|9-11]
17961796
/* Base styles for mobile devices */
17971797
.container {
1798-
background-color: #ff0000;
1799-
padding: 10px;
1798+
background-color: #ff0000;
1799+
padding: 10px;
18001800
}
18011801

18021802
/* Additional styles for larger screens */
18031803
@media screen and (min-width: 768px) {
1804-
.container {
1805-
padding: 50px;
1806-
}
1804+
.container {
1805+
padding: 50px;
1806+
}
18071807
}
18081808
```
18091809

0 commit comments

Comments
 (0)