Skip to content

Commit de1f167

Browse files
fix: improvements from recording 19.02.2025
1 parent eb43917 commit de1f167

File tree

2 files changed

+15
-15
lines changed

2 files changed

+15
-15
lines changed

README.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2616,24 +2616,24 @@ Flexbox, short for Flexible Box Layout, is a one-dimensional layout model that a
26162616

26172617
```css
26182618
.container {
2619-
background-color: #ff0000;
2620-
display: flex;
2621-
justify-content: center;
2622-
align-items: center;
2619+
background-color: #ff0000;
2620+
display: flex;
2621+
justify-content: center;
2622+
align-items: center;
26232623
}
26242624

26252625
.item {
2626-
background-color: #f1f1f1;
2627-
flex: 1;
2628-
margin: 10px;
2626+
background-color: #f1f1f1;
2627+
flex: 1;
2628+
margin: 10px;
26292629
}
26302630
```
26312631

26322632
[![Edit 063-Flexbox](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/063-flexbox-f4c853)
26332633

26342634
[^63]CodeSandbox: Flexbox.
26352635

2636-
[^63]:[CodeSandbox: Flexbox](https://f4c853.csb.app/), last access: June 12, 2024.
2636+
[^63]:[CodeSandbox: Flexbox](https://f4c853.csb.app/), last access: February 19, 2025.
26372637

26382638
- The `display: flex;` property on the container establishes a flex container, enabling flexbox layout for its children.
26392639
- `justify-content: center;` horizontally centers the items within the container.

__presentation-slides/index.html

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1538,16 +1538,16 @@ <h1>Bootstrap Example</h1>
15381538

15391539
```css[|1|6|1,6|2|3|4|5|3-5|8|12|8,12|9|11|10|3-5,10]
15401540
.container {
1541-
background-color: #ff0000;
1542-
display: flex;
1543-
justify-content: center;
1544-
align-items: center;
1541+
background-color: #ff0000;
1542+
display: flex;
1543+
justify-content: center;
1544+
align-items: center;
15451545
}
15461546

15471547
.item {
1548-
background-color: #f1f1f1;
1549-
flex: 1;
1550-
margin: 10px;
1548+
background-color: #f1f1f1;
1549+
flex: 1;
1550+
margin: 10px;
15511551
}
15521552
```
15531553

0 commit comments

Comments
 (0)