File tree Expand file tree Collapse file tree 2 files changed +13
-13
lines changed
Expand file tree Collapse file tree 2 files changed +13
-13
lines changed Original file line number Diff line number Diff 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.
Original file line number Diff line number Diff 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
You can’t perform that action at this time.
0 commit comments