Как выстроить n элементов в ряд с помощью flex?

exdude, я тоже к подобному варианту приходил, либо ещё создавал обёртки и там пытался позиционировать, но к нужном рез-ту так и не пришёл)
В любом случае, спасибо за помощь и уделённое время

Как выстроить n элементов в ряд с помощью flex?

это как раз тот вариант, который мне спустя пару минут после отправки вопроса пришёл) но тем не менее, всё ещё любопытно, можно ли сделать изначальную задачу лишь через css flex-wrap минуя создание блоков под каждый ряд.

Как выстроить n элементов в ряд с помощью flex?

Тогда блоки занимают всю ширину, и маржинами с паддингами вроде как нельзя сделать так, что бы блоки повторяли конструкцию как при space-between. (на скрине в вопросе)

Почему, если анимация не завершилась, круги появляются сразу?

лучше сделать пример на каком-то кодпене, jsfiddle и т.д., дабы с ходу нагляднее было

Что за белая полоса?

Неплохо было бы закинуть этот сайт куда либо, что бы можно было наглядно потыкать и посмотреть, а ориентироваться чисто по коду в этой ситуации проблематично.

Как обратиться к методу компонента через ref?

abberati , всё таки можно через реф. Да, по реактовским концепциям это неверно, но в определённых моментах приходится к этому прибегать, т.к. иначе никак не реализовать.

Как обратиться к методу компонента через ref?

В моей ситуации есть, к примеру, подобная разметка.

<div id='app'>
   <Cursor/>
   <Header/>
   <Root/>
   <Footer/>
</div>

Компонент Cursor - визуальный блок, заменяющий обычный курсор и по ходу работы приложения нужно обращаться к его методам для изменения вида курсора.
Каким образом это можно сделать? (В реализации на vue я просто через provide давал доступ всем дочерним компнентам к рефу курсора, в реакте же, такой возможности, как понимаю, нет)

Как правильно сверстать отступ?

hzzzzl, тоже вариант, но здесь всё равно прийдётся брать js'ом высоту h1, и делать маржин уменьшать на половину высоты h1. По всей видимости без джаваскрипта эту штуковину не решить

Как правильно сверстать отступ?

Виталий, после h1 идёт отступ и продолжает идти контент, если делать на флексах - получается такое

Как правильно сверстать отступ?

Спасибо за ответ, но в вашем примере всё содержимое полностью центрируется, в моей же ситуации этот h1 находится в блоке с контентом и необходимо подобрать такие отступы что бы именно h1 был по центру и после него всё так же продолжал вниз идти контент.

Как сделать блоки одинаковой высоты при display:flex?

Aetae, извиняюсь, мозг уже изрядно поплыл просто) в проекте стояло height: 100% у дочерних элементов и из-за не растягивалось ничего.

Как заменить div через несколько секунд?

setTimeout(() => {
  let block1 = document.querySelector('#block_1')
  let block2 = document.querySelector('#block_2')
  block1.innerHTML = block2.innerHTML
}, 3000)

Как проверить регуляркой значение инпута которое будет идти после скобки?

value[0]+value[4] == 10

Почему Vue не рендерит значение объекта?

на вскидку всё с кодом нормально. попробуй, закинуть на jsfiddle какой-нибудь, дабы наглядности больше получить

Уступает ли SPA-приложение традиционным сайтам с точки зрения SEO?

kedrovdanil, реакт в связке с Next.js - да.

Получить из строки, содержащей теги, тег oembed?

document.querySelector('.media').innerHTML

Как сделать жидкую анимацию или анимацию переливания?

Где вы нашли эти примеры с "тумпануса"?) Просто захотел посмотреть ещё всяких интересных штук, перехожу на "https://tympanus.net/", оно редиректит на "https://tympanus.net/codrops/".

Как вывести значение из функции?

Сергей Горностаев, функция возвращает, к примеру, значение в регистре BL и нет понимания как его вывести в консоль. Пробовал с помощью подобной конструкции :

mov dx, bl
mov ah, 9
int 21h

но это приводит к ошибке

Как реализовать подобный момент в анимации?

RAX7, спасибо большое, вероятно это наиболее правильный и подходящий вариант

Как отловить изменение(получить старый props и новый) во Vue?

Есть ли смысл в повторной проверке через if? Вероятно же, что watch не будет триггериться если ничего не изменяется.