На вид пойдет, но я бы сделал несколько замечаний:
1. Множество картинок, которые не несут смысловую нагрузку, вставлены с помощью тега <img>. Лучше вставляйте фоном.
2. Если уж верстаете макет, то старайтесь сделать так, чтобы условно для посадки его на CMS, нужно было произвести минимум изменений. Например в шапке не просто input, а внутри тега form и лупа не просто img, а button или input. В пагинации стрелочки у вас просто картинки(???).
3. Зачем оборачивать тег main в ненужный wrapper?
4. В мобилке я бы поправил пагинацию - в один ряд смотрится не очень.
5. И либо макет страшный, либо эти padding-и сбоку на всех версиях выглядят cringe
upd. Кстати да, согласен с комментом выше - употребляете там, где не нужно html-элементы заголовок секций (h1-h6)
top: 60%; left: 45.9%; - это какие-то подгоны под решение. Делайте адаптивную верстку и не будет проблем. Инфы об этом в интернете полно. Зум по сути только меняет вьюпорт
1. Помимо display, как вариант, можно анимировать opacity. Т.е. 0 при display: none; и 1 при display: block;
2. Задать стили для условного класса и делать toggleClass
1. Множество картинок, которые не несут смысловую нагрузку, вставлены с помощью тега
<img>
. Лучше вставляйте фоном.2. Если уж верстаете макет, то старайтесь сделать так, чтобы условно для посадки его на CMS, нужно было произвести минимум изменений. Например в шапке не просто input, а внутри тега form и лупа не просто img, а button или input. В пагинации стрелочки у вас просто картинки(???).
3. Зачем оборачивать тег main в ненужный wrapper?
4. В мобилке я бы поправил пагинацию - в один ряд смотрится не очень.
5. И либо макет страшный, либо эти padding-и сбоку на всех версиях выглядят cringe
upd. Кстати да, согласен с комментом выше - употребляете там, где не нужно html-элементы заголовок секций (h1-h6)