Как написать итератор для вывода нечетных чисел используя [Symbol.iterator]?

0xD34F, Спасибо! Да, задача учебная и мой код работает действительно!
Я запускал код в VScode и в консоль ничего не падало, скопировал код в консоль браузера и все гуд!

Как написать итератор для вывода нечетных чисел используя [Symbol.iterator]?

Fedor Vlasenko, согласен, но такая вот задача )

Как настроить webshtorm под hbs?

Спасибо! В текстовый формат переделал случайно.

Как выровнять дочерние элементы в Flexbox?

Никита Михайлов, понял. Спасибо большое!!!

Как выровнять дочерние элементы в Flexbox?

Никита Михайлов, https://codepen.io/vladislav-semakin/pen/zYqWvoQ

Надпись - Новое в подписке нужно чтобы было на одном уровне с блоком картинки

Как выровнять дочерние элементы в Flexbox?

Задал new-content { width: 100%;} .new-box растянулись по всей ширине. Но .new как был на своем месте так и остался.

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f5f0e1;
}

.new {
  display: flex;
  align-self: normal;
}

.new-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.new-box {
  width: 20%;
  height: 400px;
}

Как выровнять дочерние элементы в Flexbox?

Задал new-content { width: 100%;} .new-box растянулись по всей ширине. Но .new как был на своем месте так и остался.
Еще вопрос. Не могу понять, почему текст под картинкой вылазит за блок .content для понимания бордер отрисовал.

<div class="content">
      <div class="new">
        <h2>Новое в подписке</h2>
      </div>
      <div class="new-content">
        <div class="new-box">
          <img src="img/glass.jpg" alt="" />
          <div class="text">
            <h4>Стекло</h4>
            <p>2019, Триллер/Драма</p>
          </div>
        </div>
        <div class="new-box">
          <img src="img/bryklin.jpg" alt="" />
          <h4>Сиротский Бруклин</h4>
          <p>2019, Детективный фильм/Криминал</p>
        </div>
        <div class="new-box">
          <img src="img/zveropolis.jpg" alt="" />
          <h4>Зверополис</h4>
          <p>2016, Мультипликация/Комедия</p>
        </div>
        <div class="new-box">
          <img src="img/starWars.jpg" alt="" />
          <h4>Звёздные войны: Пробуждение Силы</h4>
          <p>2015, Боевик/Научная фантастика</p>
        </div>
      </div>
    </div>

CSS

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f5f0e1;
}

.new {
  display: flex;
  align-self: normal;
}

.new-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.new-box {
  width: 20%;
  height: 400px;
}