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

PsyzenOP•11mo ago

I am just looking for solutions to get rid of 3 containers/wrappers.

Choo♚𝕂𝕚𝕟𝕘•11mo ago

Use nth-child. This is possible, because the number of columns is known in advance. https://codepen.io/chooking/pen/oNVaQqa

ChooKing

CodePen

Style grid row

...

PsyzenOP•11mo ago

Thanks

Gaming

Programming

How to set border for second grid row ?