网格，无效的属性值

Question

无法理解...我总是在网格模板区域的浏览器中收到“无效的属性值”错误。

如果我尝试摆脱它，则网格显示效果很好。

我想使用的模板似乎很简单

#dv_reals {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-template-areas: "photo resume" "not not" "photo resume" "not not";
}

.photoReal {
    grid-area: photo;
    background-color: red;
}

.cont {
    
    grid-area: resume;
    background-color: yellow;
}

.vide {
    grid-area: not;
    background-color: pink;
}

<div id="dv_reals">
    <div class="photoReal">photo</div>
    <div class="cont">contenu</div>
    <div class="vide"></div>
    <div class="vide"></div>
    <div class="photoReal">photo</div>
    <div class="cont">contenu</div>
    <div class="vide"></div>
    <div class="vide"></div>
</div>