• CSS Properties
  • grid-template-rows
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
    .grid-container {
6
        display: grid;
7
        grid-template-columns: auto auto auto;
8
        grid-template-rows: 150px 250px;
9
        grid-gap: 12px;
10
        background-color: #00ab55;
11
        padding: 12px;
12
    }
13
    .grid-container > div {
14
        background-color: rgba(255, 255, 255, 0.8);
15
        text-align: center;
16
        padding: 12px 0;
17
    }
18
</style>
19
</head>
20
<body>
21
​
22
<h1>The grid-template-rows Property</h1>
23
​
24
<div class="grid-container">
25
    <div>1</div>
26
    <div>2</div>
27
    <div>3</div>
28
    <div>4</div>
29
    <div>5</div>
30
    <div>6</div>
31
</div>
32
​
33
</body>
34
</html>