h3 Grid flex-und-grid

Html:
 <div class="grid-elternelement">
    <div class="grid-header"></div>
    <div class="grid-main"></div>
    <div class="grid-footer"></div>
</div>   
 
 
CSS:
.grid-elternelement div {  <== Div's sichtbar machen
    text-align: center;
    border: 2px solid green;
}

.grid-elternelement {
    display: grid;   <== Elternelement als Grid deklarieren (wirkt sich nur auf die direkten Kinder aus)
    max-width: 100%;
    padding: 10px;
    margin: 20px auto;
    grid-template-columns: auto auto auto; <== Spaltenanzahl festlegen
    border: 2px solid red;
}