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