simple gridd v2

by Snj

HTML

<div class="dd-comment-grid-container">
  <div class="dd-comment-grid-name">main</div>
  <div class="dd-comment-grid-date">date</div>
  <div class="dd-comment-grid-comment">comment</div>
  <br>
</div>

CSS

body { margin: 0; height: 100vh; }

.dd-comment-grid-container {
    display: inline-grid;
    grid-template-columns: auto minmax(7em, 100%);
    grid-template-areas:
        "dd-comment-grid-name   dd-comment-grid-date"
        "dd-comment-grid-comment   dd-comment-grid-comment";
    width: 100%;
    background: #026165;
}
div.dd-comment-grid-name {
    grid-area: dd-comment-grid-name;
    background: #026165;
    padding-right: .5em;
    margin-top: auto;
    margin-bottom: auto;
}
div.dd-comment-grid-date {
    grid-area: dd-comment-grid-date;
    background: #6ebcbf;
    margin-top: auto;
    margin-bottom: auto;
}
div.dd-comment-grid-comment {
    grid-area: dd-comment-grid-comment;
    background: #6ebcff;
    margin-top: auto;
    margin-bottom: auto;
}