<link href="resources/grid.css" rel="stylesheet">
<style>
.grid {
- grid-definition-rows: (before) 50px (middle) 100px (after);
- grid-definition-columns: 40px 80px 160px;
+ grid-template-rows: (before) 50px (middle) 100px (after);
+ grid-template-columns: 40px 80px 160px;
}
.gridWithoutRepeat {
- grid-template: "first second third"
- "fourth fifth sixth";
+ grid-template-areas: "first second third"
+ "fourth fifth sixth";
}
.gridWithRepeat {
- grid-template: "first second third"
- "fourth fourth third";
+ grid-template-areas: "first second third"
+ "fourth fourth third";
}
.gridItemFirstArea {