holvender

В реляционных БД не существует гарантий относительно порядка записей внутри таблицы. Этот порядок
- это особенности технической реализации хранения данных внутри блоков и сегментов. Это - "know how"
и это будет зависеть от типа DBMS (Postgres, MySQL, Oracle) и от типа таблицы (heap, index-organized, clustered e.t.c)

Если говорить грубо, то записи (data-rows) лежат не плотно а вразнобой с пробелами с выравниванием
к блокам. Ну тоесть вообще-вообще не так как в Excel. Удаление data-rows в Postgres насколько я помню
физически не удаляет запись а помечает ее мертвой используя служебные поля. Впоследствии VACUUM
делает работы по уплотнению.

Поэтому порядок ты сам обеспечиваешь, делая запрос с опцией ORDER BY some_date_time.

:nth-child() - находит один или более элементов, основываясь на их позиции среди группы соседних элементов. Т.е. исходный селектор говорит, что мы изменяем размер шрифта на 50px у элемента, который div и находится на позиции 1, но у нас на позиции 1 находится элемент h3.

Вам нужен :nth-of-type()

Нужно было просто сделать:

.staff_card img:hover{
    filter: brightness(0.6);
}

Или как вариант у iBird Rose iBird Rose Куратор тега CSS

Просто задайте border для header. А блок div.create выведите в отдельную section или div.