Здесь мы наглядно видим, как раскручивается рекурсия
n = 4, n = 3, n = 2, n = 1
Это всё вызовы функции rec
Потом когда мы доходим до n = 0
Мы начинаем ВОЗВРАЩАТЬ значения в обратном порядке

n = 0
arr = []
return []

n = 1
arr = []
arr.unshift(n)
return [1]

n = 2
arr = [1]
arr.unshift(n)
return [2,1]

n = 3
arr = [2, 1]
arr.unshift(n)
return [3,2,1]

Уже который раз наблюдаю за твоими переменными.
Называешь от души😆😆

Как выровнять красный круг по центру? Чтобы встал ровненько?

Спозиционируй

я-то понимаю, что запозишинить, но есть какие-то варианты помимо absolute и дергать пикселями?

Не

Есть

for ex?

Гугли how to center html block

мм, translate
никогда бы не подумал)

А почему, просто паддинг не задать?

Пробовал.
Коряво отступает

я знаю причину)

1 свойство решит твою проблему

Бордер бокс?

+

Получилось с  * { box-sizing: border-box;}?

Да, пасип :)

подскажите пожалуйста, может кто-то сталкивался, а то туплю уже жестко: мне нужно при ширине экрана меньше 842 пикселей некоторым элементам присвоить определенные классы (см фото), но эти классы применяются только тогда, когда пользователь сразу загружает страницу с таким расширением, тоесть если я буду уменьшать в браузере экран до 840 пикселей, то классы применятся только тогда, когда я перезугружу страницу... как можно сделать, чтобы они сразу применились, когда ширина экрана сразу стала меньше 842 пх ?