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


<!DOCTYPE html>
      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;
    <h2>Things I'm learning</h2>
    <div class="container">
      <div class="item">HTML</div>
      <div class="item">CSS</div>
      <div class="item">JS</div>