simple gridd
by Snj
HTML
<div class="cookie-grid-container">
<section class="cookie-grid-main">
<div class="cookie-bar-main">
main
</div>
</section>
<section class="cookie-grid-buttons">
<div class="cookie-bar-buttons">
buttons
</div>
</section>
</div>
CSS
body { margin: 0; height: 100vh; }
.cookie-grid-container {
display: inline-grid;
grid-template-columns: minmax(17em, 100%) minmax(15em, 100%);
grid-template-areas:
"cookie-grid-main cookie-grid-buttons";
width: 100%;
background: #026165;
}
section.cookie-grid-main {
grid-area: cookie-grid-main;
background: #026165;
padding-left: 6em;
margin-top: auto;
margin-bottom: auto;
}
section.cookie-grid-buttons {
grid-area: cookie-grid-buttons;
background: #6ebcbf;
margin-top: auto;
margin-bottom: auto;
}