Доработки к верстке.

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

Хочу сказать с самого начала требования от back-end команды:

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

- "Изменять можете CSS и JS, который в отдельном файле. Чтобы мы перезагрузили на исправленный, не меняя ничего в верстке."

- "Только пускай нам потом скажут, какие стили css заменить и какие div class появились. Так как в нынешних файлах мы уже начали выводить контент. И если перезагрузить, то собьется."

--------------------------------

Прежде чем перечислять необходимые пункты, вот ссылки на страницы. Для проверки с вашей стороны.

https://playnchilltesting.000webhostapp.com/ - Главная

https://playnchilltesting.000webhostapp.com/squad.html - Стр. товара

https://playnchilltesting.000webhostapp.com/basket.html - Стр. корзины

https://playnchilltesting.000webhostapp.com/search.html - Каталог

https://playnchilltesting.000webhostapp.com/draws.html - Раздачи

https://playnchilltesting.000webhostapp.com/buying.html - Площадка уникальных товаров

https://playnchilltesting.000webhostapp.com/support.html - Поддержка и FAQ

https://playnchilltesting.000webhostapp.com/advantages.html - Преимущества

https://playnchilltesting.000webhostapp.com/piracy.html - Страница статьи блога

https://playnchilltesting.000webhostapp.com/recalls.html - Отзывы

--------Нужные правки------------

*Смотрите пожалуйста скришноты и видео из пунктов чтобы лучше понимать*

1. По скриншотам, в карточке товара скриншоты и трейлер при нажатии не открываются (https://playnchilltesting.000webhostapp.com/squad.html). Сообщение бэк-енд команды - https://prnt.sc/NAbnyw1_GUgo

2. Сделать фиксированные ширину и высоту картинку на главной и в целом по сайту, чтобы в случае добавления разрешения больше, чем нужно, блоки не съезжали. - https://prnt.sc/vQx6YerdyKCo , https://prnt.sc/pTOWyJnRFd3f , https://prnt.sc/inxv0-BKorEk .

3. Блок Игры с страницы /buying, нету на моб. версии, нужно добавить его, - https://prnt.sc/l9AOe1uOhgK7

4. Нужно что-то придумать для шапки чтобы стало более компактной для ПК, может быть при скролле чтобы уменьшилась, и целое в самом верху.

5. Для стр. товара (/squad.html) идея чтобы картинка товара при переходе на моб версии осталось та же (в видео видно что она меняется - https://bit.ly/3PhQ0Aj ). И для нее фон градиент создалось с помощь js скрипта который берет доминирущй цвет с самой картинки (пример - https://prnt.sc/apMa0onMonff или gabestore.ru).

6. Так как элементы довольно большые на сайта, хочется уменьшить весь контент сайта, получить такой эфект как и при уменьшение с помощью браузера Chrome. А слайды слева и справа должны оставаться рядом с тем, что в центре, как сейчас.

Вот видео пример - https://bit.ly/3PeOwqw .

7. Для страницы каталога (/search.html) уменьшить карточки товара и сделать чтобы было 4 в один ряд. На данном моменте их 3. - https://prnt.sc/M4fBVeQcnItN

8. Нужно анимации при клике на кнопок *добавить в корзину* и *в избранных*.

9. Это доп. пункт если это возможно/стоит сделать. На странице товара /squad.html , шапка прозрачная и при скролле наполняется цветом. Если можно, сделать чтобы этот эффект коректно работал и на остальные страниц.

-------------------------------

Это все, спасибо за ваше время.