How to set border for second grid row ?

So... Is it possible to do it ?
grid-template-columns: reepat(5, 1fr);
grid-template-rows: repeat(3, 1fr);
/* How to add **border: 1px solid #000** to the row 2 from first to the last column ? */
grid-template-columns: reepat(5, 1fr);
grid-template-rows: repeat(3, 1fr);
/* How to add **border: 1px solid #000** to the row 2 from first to the last column ? */
I do know you can do that with container. I guess my questions would be more how to do it with grid-area where there are single items.
3 Replies
Psyzen
Psyzen4mo ago
I am just looking for solutions to get rid of 3 containers/wrappers.
ChooKing
ChooKing4mo ago
Use nth-child. This is possible, because the number of columns is known in advance. https://codepen.io/chooking/pen/oNVaQqa
Psyzen
Psyzen4mo ago
Thanks