Какую сетку используют на этом сайте?

tvoyamalishka228, вы дизайн для верстальщика делаете?
Надеюсь нет.
У верстальщика работа такая, верстать, что нарисовал дизайнер. Утрамбовывать что-то в сетку ради него не стоит.

Рисуйте качественные, удобные пользователю макеты, ui, ux, всё такое. И радующие глаз, конечно.

Верстальщик порадуется, если макет будет в фигме, слои будут адекватно подписаны и сгруппированы. Если к этому будет собран стайлгайд вообще шикарно. Если не забудете про ретину тоже спасибо. И т.д.

Какую сетку используют на этом сайте?

tvoyamalishka228, взяли и передвинули элементы как захотелось.

Думаю, это делал верстальщик.

Можно взять сетку не 12, а 24, 100 или какую кратность там можно найти. В достаточно мелкую можно запихать что угодно. Только зачем?

Какую сетку используют на этом сайте?

Мало того что там нет сетки, так там еще есть горизонтальная полоса прокрутки.
У вас её быть не должно.

Оцените верстку кому не сложно пожалуйста?

pereyaslavskiy, тогда имеет смысл расписывать ситуации где уместны px, а где нет.
Общая рекомендация использовать относительные единицы неверна.

В этом конкретном случае я подозреваю, что дизайнер тут и мимо не проходил, но если у дизайнера при любой ширине шапка должна быть не меньше 400px, то будут px. Разве что это будет не height, а min-height.
А про высоту и вовсе отдельная история.
Но ведь есть желание учится у человека, значит шансы есть.

Оцените верстку кому не сложно пожалуйста?

1.

Зачем бы развлекать браузер флексами и врапами, когда блоки сами встают в столбик при display: block.

3.

Тоже сомнительный совет.
Если где-то что-то остается постоянным, например, эти самые отступы или ширина блоков и т.д., то почему бы не писать их в px.

Определение размера центрирующего контейнера?

Само число 1181 не смутило верстальщика?
И это у него нужно спрашивать как он так измерял, что вместо 1100 написал 1181.

Заодно узнайте почему заголовки сверстаны параграфами ;)

Думаю, что ответ будет один на оба вопроса.

Оцените верстку кому не сложно пожалуйста?

1. Валидацию не проходит.
2. Криво

3. Фото и текст производят тошнотное впечатление, они отбили желание смотреть дальше.

Как центрировать контейнер (по бокам остаются большие марджины)?

Lana, и проверьте ваш сайт валидатором https://validator.w3.org/nu/
Там несколько сотен ошибок.

Как центрировать контейнер (по бокам остаются большие марджины)?

Lana, так вы начните с указания сайту, что он должен быть адаптивным.
Где у вас

<meta name="viewport" content="width=device-width, initial-scale=1.0">

?

Как в CSS сделать, чтобы колонки colums сортировались построчно?

Иван Анатоличь,

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

Что-то заставляет думать, что дело не в масонри.

Можете попробовать такой вариант
https://medium.com/@andybarefoot/a-masonry-style-l...

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

zveronol, да, прекрасно.
Только псевдо лучше писать так с двумя двоеточиями .block::before.
С одним это устаревшая запись.

Как в CSS сделать, чтобы колонки colums сортировались построчно?

Сергей Горячев, я имела в виду, что не ровные, а ступеньками.

Но да, пока больше добавить нечего.

Как в CSS сделать, чтобы колонки colums сортировались построчно?

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

Почему не меняется цвет в контейнере?

Потому что при наведении вы меняете цвет у .circle
Но внутри у него есть p, которому задан другой цвет.
И этот цвет выигрывает.

Т.е. вам нужно менять цвет у p при наведении на .circle

.circle:hover p {...}

Зачем там, кстати, p?
Вообще всю конструкцию <div class="circle"><p>1</p></div> можно заменить на псевдоэлемент для .field__one и использовать counter-reset и counter-increment.

Возможно ли сверстать такое на гридах простым списком без вложености?

Jaroslaw Goszowski, вы можете решать это через nth-child.
Само оно ведь не догадается какой блок сколько ячеечек должен занимать.

Как лучше реализовать sticky-header?

И где у вас горизонтальный скролл?

Как лучше реализовать sticky-header?

При fixed:0 обрезается хедер при горизонтальном скроле страницы.

Не должно быть горизонтального скролла.

Покажите в песочнице, что именно обрезается.
В простой ситуации не должно.

Как найти похожее решение по якорной ссылке?

Это не якорь.
Это ссылка на якорь.

Узнаете scrollTop, пишете условие, если больше 100, то добавляете ссылке класс, который ее показывает.
Иначе убираете.

Как в CSS сделать, чтобы колонки colums сортировались построчно?

Иван Анатоличь, Isotope хотя бы

Но вы не ответили

Как в CSS сделать, чтобы колонки colums сортировались построчно?

masony, она мне не подходит.

Чем?
У нее есть куча аналогов.