ग्रिड-टेम्पलेट-पंक्तियों का उपयोग करें CSS ग्रिड लेआउट में पंक्तियों की संख्या को परिभाषित करने के लिए संपत्ति।
उदाहरण
आप कई पंक्तियों को सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं।
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: grid;
background-color: gray;
grid-template-rows: 120px 90px 100px;
padding: 20px;
grid-gap: 20px;
}
.container > div {
background-color: yellow;
border: 2px solid gray;
padding: 35px;
font-size: 30px;
text-align: center;
}
</style>
</head>
<body>
<h1>Game Board</h1>
<div class = "container">
<div class = "ele1">1</div>
<div class = "ele2">2</div>
<div class = "ele3">3</div>
<div class = "ele4">4</div>
<div class = "ele5">5</div>
<div class = "ele6">6</div>
</div>
</body>
</html>