Let’s work on the elements placement.
The .grid-container block needs to be made a grid container.
The grid must have three columns.
The first is 20vw wide, the names of the lines are ‘start’ and ‘col-1-end’.
The second with automatic width, the names of the lines are ‘col-2-start’ and ‘col-2-end’.
The third is 20vw wide, the names of the lines are ‘col-3-start’ and ‘end’.
Another Grid should consist of 4 lines.
The name of the dividing lines must be ‘line1’, ‘line2’, ‘line3’, ‘line4’, ‘line5’.
The height of the second and third lines should be 20vh, the first and last auto.

This task is part of the Full-Stack JavaScript Course .
If you have any issues with it, you can ask for community help below the post.
Feel free to help others if you’ve already solved the task.

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Grid layout</title>
    <style>
      body {
        margin: 0;
      }
      .grid-container {
        height: 100vh;
        width: 100vw;
      }
      .grid-item {
        background-color: rgb(255, 198, 0);
        padding: 2vw;
        font-size: 10vw;
        font-style: italic;
        font-family: Tahoma;
      }
    </style>
  </head>
  <body>
    <div class="grid-container">
      <div class="grid-item">
        Center Me
      </div>
    </div>
  </body>
</html>