ग्रिड लाइन्स कॉलम लाइन्स और रो लाइन्स हैं।
स्तंभ रेखाएँ स्तंभों के बीच की रेखाएँ और पंक्तियों के बीच पंक्ति रेखाएँ होती हैं।
निम्नलिखित ग्रिड लाइनों का एक उदाहरण है
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: grid;
background-color: green;
grid-template-columns: auto auto;
padding: 20px;
grid-gap: 20px;
}
.container > div {
background-color: orange;
border: 2px solid gray;
padding: 35px;
font-size: 30px;
text-align: center;
}
.ele1 {
grid-row-start: 1;
grid-row-end: 6;
}
</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>