Давай попробуем отобразить длительность с помощью flex.
Сделай блок с классом container flex-контейнером.
Среди всех flex элементов надо распределить свободное пространство.
Первому надо отдать только 1 единицу, второму в два раза больше, третьему 6
Вертикально элементы должны быть выравнены по базовой линии

Эта задача — часть курса по Full-Stack JavaScript
Ты можешь задать свой вопрос в комментариях под постом
Если ты уже решил задачу, то не стесняйся помочь другим

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Months</title>
    <style>
      .container {
        height: 200px;
        font-weight: bold;
        font-style: italic;
        font-size: 20px;
        font-family: Tahoma;
      }
      .item {
        background-color: rgb(255, 198, 0);
        padding: 40px;
        margin: 0 20px;
      }
    </style>
  </head>
  <body>
  <div class="container">
    <div class="item">1 Month</div>
    <div class="item">2 Months</div>
    <div class="item">6 Months</div>
  </div>
  </body>
</html>