CSS GRID -контейнер ненормальный поведение по ширине ⇐ Html

[Anonymous]

Введите изображение Описание здесь < /p>

Код: Выделить всё

CSS Grid

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

}
.item2{

}
.item3{

}
.item4{

}
.item5{

}




1
2
3
4
5

, как вы можете видеть из кода, что я не дал никакой ширины для элемента Div.Container, так что он должен занять ширину, согласно общей ширине колонн.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... -its-width