The document already has a grid container with one single item.
But this element is stretched to full screen.
Make the item sit in the middle of the grid container, not stretch.
Use the same properties for both vertical and horizontal.

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


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