An item with class grid-container should become a grid container.
All elements inside it should fit in three columns and four lines.
Specify both columns and lines of automatic width and height. Use repeat().

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


      body {
        margin: 0;
      .grid-container {
        height: 100vh;
        width: 100vw;
      .grid-item {
        background-color: rgb(255, 198, 0);
        padding: 2vw;
        font-size: 5vw;
        font-style: italic;
        font-family: Tahoma;
    <div class="grid-container">
      <div class="grid-item">December</div>
      <div class="grid-item">January</div>
      <div class="grid-item">February</div>
      <div class="grid-item">March</div>
      <div class="grid-item">April</div>
      <div class="grid-item">May</div>
      <div class="grid-item">June</div>
      <div class="grid-item">July</div>
      <div class="grid-item">August</div>
      <div class="grid-item">September</div>
      <div class="grid-item">October</div>
      <div class="grid-item">November</div>