<section>
<form>Form here</form>
<div class="col1">
<p>Col1 stuff</p>
<p>Col1 stuff</p>
<p>Col1 stuff</p>
<p>Col1 stuff</p>
</div>
<div class="col2">
<p>Col2 stuff</p>
<p>Col2 stuff</p>
<p>Col2 stuff</p>
<p>Col2 stuff</p>
</div>
</section>
section {
display: grid;
grid-template-areas:
"form form"
"col1 col2";
max-width: 1280px;
margin: auto;
}
form {
grid-area: form;
background: cyan;
}
.col1 {
grid-area: col1;
background: turquoise;
}
.col2 {
grid-area: col2;
background: aliceblue;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.