Есть ли способ в grid системе запретить перенос элементов?
body{
margin:0;
}
.list {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0 30px;
}
.item {
width: 100%;
background: pink;
min-height: 100px;
}
<div class="list">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
</div>
Можно ли добиться что б на новый элемент (в примере 5-й) добавлялся горизонтальный сролл, а не проиходил перенос ?