Is it possible to set background for a row inside a css grid

Question

Is it possible to give background to a full row inside a css grid?

If i give background-color to the child elements of the grid it will looks like this

Is there any solution for this expect making every child element "stretch" size and using them as a flexbox to center the content?

Why not use flexbox instead? This layout seems to benefit from Flexbox more that CSS Grid — IvanS95, Mar 06 '19 at 15:15

score 2 · Accepted Answer · answered Mar 06 '19 at 15:16

2

The easiest way to do this would be to have the grid elements stretch to fill the space. If you don't want to do that, you will need to wrap the grid elements in other elements that do stretch if you want to have an adaptive background.

answered Mar 06 '19 at 15:16

David A

48
6

1

Actually it's not necessary to *wrap* the elements. Additional elements can be *layered* which cover the same whole row. – Paulie_D Mar 06 '19 at 15:32

Is it possible to set background for a row inside a css grid

1 Answers1