<div class="layout">
  <div class="header">header</div>
  <div class="aside">
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium, veritatis. Ex, laboriosam dolore? Dicta dignissimos corporis reprehenderit nam quam sint sapiente temporibus minima officia deleniti asperiores, quia doloremque quas eius!
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium, veritatis. Ex, laboriosam dolore? Dicta dignissimos corporis reprehenderit nam quam sint sapiente temporibus minima officia deleniti asperiores, quia doloremque quas eius!
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium, veritatis. Ex, laboriosam dolore? Dicta dignissimos corporis reprehenderit nam quam sint sapiente temporibus minima officia deleniti asperiores, quia doloremque quas eius!
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium, veritatis. Ex, laboriosam dolore? Dicta dignissimos corporis reprehenderit nam quam sint sapiente temporibus minima officia deleniti asperiores, quia doloremque quas eius!
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium, veritatis. Ex, laboriosam dolore? Dicta dignissimos corporis reprehenderit nam quam sint sapiente temporibus minima officia deleniti asperiores, quia doloremque quas eius!
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium, veritatis. Ex, laboriosam dolore? Dicta dignissimos corporis reprehenderit nam quam sint sapiente temporibus minima officia deleniti asperiores, quia doloremque quas eius!
  </div>
  <div class="main">
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil reiciendis dolores veritatis saepe esse ullam, voluptate asperiores nobis deleniti? Quidem eum corporis voluptatem repellendus quasi sit commodi at sunt animi.</p>
  </div>
</div>

body {
  margin: 0;
}
.layout {
  height: 100vh;
  height:100dvh;
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: auto 1fr;
  gap: 1rem 2rem;
}

.header {
  grid-column: span 2;
  background: lime;
  padding: 1rem;
}
.aside {
  background: pink;
  padding: 1rem;
  overflow: auto;
  min-width: 0;
}
.main {
  background: gray;
  padding: 1rem;
  overflow: auto;
  min-width: 0;
}