x
1
2
<html>3
<head>4
<style>5
.grid-container6
{7
display: grid;8
grid-template-columns: auto auto auto;9
grid-template-rows:none none none;10
background-color: #2196F3;11
padding: 10px;12
}13
14
.item15
{16
background-color: rgba(255, 255, 255, 0.8);17
border: 1px solid rgba(0, 0, 0, 0.8);18
padding: 20px;19
font-size: 30px;20
text-align: center;21
}22
</style>23
</head>24
<body>25
26
<div class="grid-container">27
<div class="item">1</div>28
<div class="item">2</div>29
<div class="item">3</div>30
<div class="item">4</div>31
<div class="item">5</div>32
<div class="item">6</div>33
<div class="item">7</div>34
<div class="item">8</div>35
<div class="item">9</div>36
</div>37
38
</body>39
</html>