Горизонтальная граница по всему ряду сетки CSS ⇐ Html

[Anonymous]

Мне нужно использовать макет сетки, но также нуждается в горизонтальной линии, разделяющей каждую строку. /> .wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 100px);
}

.box {
border-bottom: 2px solid #ffa94d;
padding: 1em;
}< /code>

One
Two
Three
Four
< /code>
< /div>
< /div>
< /p>

Есть ли способ исправить вышеупомянутое, чтобы вся ряд была границей? < /p>

Подробнее здесь: https://stackoverflow.com/questions/510 ... f-css-grid