Let’s align the elements a bit.
A block with class container must be a flex container.
Items inside a flex container should be vertically centered.
Items must be horizontally aligned with the same spacing between them and the edges of the container.

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>Flexbox</title>
    <style>
      h2 {
        text-align: center;
        font-family: Tahoma;
      }
      .container {
        height: 200px;
        font-weight: bold;
        font-style: italic;
        font-size: 20px;
        font-family: Tahoma;
      }
      .item {
        background-color: rgb(255, 198, 0);
        padding: 40px;
      }
    </style>
  </head>
  <body>
    <h2>Things I'm learning</h2>
    <div class="container">
      <div class="item">HTML</div>
      <div class="item">CSS</div>
      <div class="item">JS</div>
    </div>
  </body>
</html>