Есть ли какой-либо способ, которым мы можем установить grid-template-area пустым?

#html #css #css-grid #bootstrap-grid

#HTML #css #css-grid #bootstrap-grid

Вопрос:

Я пытаюсь использовать CSS GRID

   .item1 { grid-area: header; }
      .item2 { grid-area: menu; }
      .item3 { grid-area: dashboard; }
      .item4 { grid-area: footer; }


      .grid-container {
        display: grid;
        grid-template-areas:
        'header header header header header header'
        'menu menu dashboard dashboard dashboard dashboard'
        'footer footer footer footer footer footer';
        grid-gap: 10px;
        background-color: black;
        padding: 10px;
      } 

Есть ли какой-либо способ, которым мы можем установить некоторые области шаблона сетки пустыми?

Комментарии:

1.w3.org/TR/css-grid-1/#grid-template-areas-null-cell-token ?

2. спасибо @TemaniAfif, это сработало нормально