6. Верстаем генератор!

Этап 1. Небольшой ресёрч

1. Как сделать ползунок (range) в html? А как сделали на Codepen? Почему так?
2. Как сделать кнопку-переключатель (рубильник), как на Codepen? Изучи исходники

Этап 2. Вёрстка генератора

1. Визуально разбей генератор на "запчасти"
2. Составь план у себя в голове перед началом вёрстки, чтобы избежать переделываний:
   • где будут ряды
   • колонки
   • нужен ли контейнер?
   • где нужно использовать флексбокс?
3. Сверстай генератор