DrunkMaster, имеете ввиду, повесить через JS (иначе я не понимаю, как вы клик или первое появление отловите на CSS) ? На тот же hover, ...
Зачем на события вешать? При скролле страницы считайте прокрутку экрана, высоту экрана и высоту от начала страницы до нужного элемента (каждое действие - одна строчка, погуглите). Исходя из этих значений вешайте на объект класс с анимацией.
Евгений Калибров, ну, CMS на Ноде - уже не самый популярный продукт, а на SPA спрос был бы ещё ниже. Хотя, гугл по запросу "cms node spa" выдаёт несколько продуктов, но комьюнити, конечно же, очень уступает Keystone, не говоря уже о php-cms .
У вас есть пользователи? Ну, авторизация, юзеры в БД, вот это вот всё. Если есть - тогда, конечно, счётчик надо записывать в БД конкретному юзеру.
Если нет, то для вас юзер == конкретный браузер, загрузивший страницу. Вот в нём как раз и хранятся куки.
Вы всё равно не сможете определить, Вася или Петя сейчас физически сидит за компьютером и гуляет по вашему сайту)
Одиночка Айс, почему не расчитан-то, если решение с флексом и inline абсолютно одинаковое?)
Алибек Кулсеитов, На самом деле, оба формата display скорее не расчитаны на это. Они выравнивают элементы по оси каждого ряда, без оглядки на другие ряды. Здесь любой вариант сведётся к "выровнять по центру и определить отступы". И это не костыль)
Что я сделал:
1) Положил их в один ряд с переносом вместо двух. Ряд выровнял по центру и задал max-width, чтобы в одну "строку" помещалось только 3 карточки
2) Задал margin карточкам
3) Для блока inner убрал height: 100%;
<script type="module">
? С поддержкой у них беда