style.css

body {
    margin: 0; }
  
  .container {
    width: 100vw;
    height: 100vh;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight: bold;
    font-size: 20px;
    display: grid;
    grid-template: 50px 1fr 1fr 100px/repeat(3, 1fr);
    gap: 10px;
    padding: 10px;
    box-sizing: border-box; }
    .container div {
      padding: 10px;
      border: 1px solid #000000; }
    .container .header {
      grid-column-start: 1;
      grid-column-end: 4; }
    .container .content-large {
      grid-column-start: 2;
      grid-row-end: span 2;
      grid-column-start: 1;
      grid-column-end: 3; }
    .container .footer {
      grid-column: 1 / span 3; }