<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.