<main>
<section></section>
<aside></aside>
</main>
main {
display: grid;
grid-template-columns: 1fr;
height: 100px;
gap: 20px;
border: 5px solid;
}
section {
background: red;
}
aside {
width: 100px;
background: blue;
grid-column-start: 2;
}
/* Global styles */
body {
padding: 2.5rem;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.