Skip to content

Commit 35bfd16

Browse files
fix: improvements from recording 22.2.2025
1 parent de1f167 commit 35bfd16

File tree

2 files changed

+13
-13
lines changed

2 files changed

+13
-13
lines changed

README.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2647,23 +2647,23 @@ Grid Layouts are a two-dimensional layout model that allows for the precise posi
26472647

26482648
```css
26492649
.container {
2650-
background-color: #ff0000;
2651-
display: grid;
2652-
grid-template-columns: 1fr 1fr 1fr;
2653-
grid-gap: 20px;
2650+
background-color: #ff0000;
2651+
display: grid;
2652+
grid-template-columns: 1fr 1fr 1fr;
2653+
grid-gap: 20px;
26542654
}
26552655

26562656
.item {
2657-
background-color: #f1f1f1;
2658-
padding: 20px;
2657+
background-color: #f1f1f1;
2658+
padding: 20px;
26592659
}
26602660
```
26612661

26622662
[![Edit 064-Grid Layouts](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/064-grid-layouts-nykj4p)
26632663

26642664
[^64]CodeSandbox: Grid Layouts.
26652665

2666-
[^64]:[CodeSandbox: Grid Layouts](https://nykj4p.csb.app/), last access: June 13, 2024.
2666+
[^64]:[CodeSandbox: Grid Layouts](https://nykj4p.csb.app/), last access: February 22, 2025.
26672667

26682668
- The `display: grid;` property on the container establishes a grid container, enabling grid layout for its children.
26692669
- `grid-template-columns: 1fr 1fr 1fr;` defines three equal-width columns in the grid.

__presentation-slides/index.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1561,15 +1561,15 @@ <h1>Bootstrap Example</h1>
15611561

15621562
```css[|1|6|1,6|2|3|4|5|3-5|8|11|8,11|9|10|3-5]
15631563
.container {
1564-
background-color: #ff0000;
1565-
display: grid;
1566-
grid-template-columns: 1fr 1fr 1fr;
1567-
grid-gap: 20px;
1564+
background-color: #ff0000;
1565+
display: grid;
1566+
grid-template-columns: 1fr 1fr 1fr;
1567+
grid-gap: 20px;
15681568
}
15691569

15701570
.item {
1571-
background-color: #f1f1f1;
1572-
padding: 20px;
1571+
background-color: #f1f1f1;
1572+
padding: 20px;
15731573
}
15741574
```
15751575

0 commit comments

Comments
 (0)