Как применить фон из элемента в одной области сетки CSS для всей сетки ⇐ Html

[Anonymous]

Я использую макет сетки CSS, как это: < /p>
#site {
display: grid;
grid-template-columns: 10% 1fr 1fr 1fr 10%;
grid-template-rows: 100px auto;
grid-template-areas:
". header header header ."
". content content sidebar ."
}
< /code>
Так что у меня есть два строки и пять столбцов, но только три столбца с содержанием. Я использую точку в области шаблонов, чтобы определить белое пространство. Это приводит к наличию 3 -го столбца с белым пространством на левой и правой стороне. Один из вариантов, который я имею в виду, состоит в том, чтобы иметь вторую сетку на заднем плане, в которой есть те же столбцы и ряды, но не белые пространства, а затем я могу заполнить ее цветом, но я думаю, что это не лучшая практика.


Подробнее здесь: https://stackoverflow.com/questions/455 ... grid-to-th