test grid

by Julien Etienne

HTML

<div class="container">
  <header>HEADER</header>
  <aside>Aside</aside>
  <main>
    <aritcle>Article</aritcle>
    <aritcle>Article</aritcle>
    <aritcle>Article</aritcle>
    <aritcle>Article</aritcle>
    <aritcle>Article</aritcle>    
  </main>

</div>

CSS

*{
  border: 0.1rem solid black;
}
.container {
  width: 100%;
  height: 100vw;
  background: yellow;
  display: grid;
  /* grid-gap: 15px; */
  justify-content: center;
  grid-template-columns: 30% 70%;
}

main {
  display: grid;
  height: 100%;
}

header {
  grid-row: 1/2;
  grid-column: 1/2;
}