Browser zeigt CSS -Gitterspurgrößen, die ich nicht verstehe ⇐ HTML

[Anonymous]

Bildbeschreibung eingeben hier < /p>
Im obigen Bild können Sie sehen, dass die Spurgrößen die Seite inspizieren. Nach meinem Wissen werden jedoch in der ersten Zeilenspurgröße "150px.100px" zum Beispiel angezeigt. "150px.100px". 400px, 300px, 200px in der grid.tell me, wo bin ich verwirrt?

Code: Select all

CSS Grid

*{
box-sizing: border-box;
}
.container{
border: 2px solid brown;
display: grid;
grid-template-columns: 400px 300px 200px;
grid-template-rows: 150px 250px auto;
}
.item{
border: 2px solid black;
margin: 5px;
height: 100px;
width: 100px;
background-color: yellow;
}
.item1{
grid-row: 1/3;
}
.item2{

}
.item3{

}
.item4{

}
.item5{
grid-row: 1/3;
}




1
2
3
4
5