Lord_Dantes

Добавить кадров, вставив чёрный посередине (в 50%).

Берите самый дорогой из тех, что сможете позволить (Прошку, конечно).
Это как раз тот случай, когда такой подход себя полностью оправдывает.

решение с оффсайта

https://www.advancedcustomfields.com/resources/cre...

1) Используй правильный вьюпорт
https://developer.mozilla.org/ru/docs/Mozilla/Mobi...
Я использовал такой
meta(name="viewport", content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0")
2) Используй относительные единицы измерения + единицы привязанные к вьюпорту
(vw, vh) + calc в css
https://css-tricks.com/fun-viewport-units/
https://css-tricks.com/the-trick-to-viewport-units...
https://css-tricks.com/font-size-viewport-units/

Это не или, нужно исаользовать и первое и второе

Держи братан https://codepen.io/maxzhurkin/pen/NWPKdEb

вы любитель сравнивать теплое с мягким?

мне кажется, что писать что-то крупное на PHP сегодня "зашквар", и дело даже не в моде, а в производительности.

среди интерпретируемых языков у пыха, сюрпиз-сюрпиз, скорость на высоте.
а теперь или трусы оденьте, или крестик снимите определитесь что вам нужно: скорость выполнения или скорость разработки.
кстати, открою вам секрет: на многих проектах используют несколько языков.

Оберните в блоки с разными классами или id

С инстаграм данные забирать по API https://developers.facebook.com/docs/instagram-bas... , или можно напрямую парсить страницу. У телеграм тоже есть API для ботов https://tlgrm.ru/docs/bots/api. Постить в телеграм канал можно через телеграм бота. Проще всего это делать на PHP, а PHP скрипт запускать по таймеру с помощью cron. Соответственно, понадобится сервер – обычный хостинг с поддержкой PHP. Можно спец сервисы, вроде Heroku, там есть и бесплатный вариант, но он с ограничениями, т.е. тормозной.
На github можно попробовать поискать готовые решения, ну или совместить пару готовых решений.

Формы это посты. Post_type wpcf7_contact_form таблица wp_posts.

По поводу адаптива
Гугли в сторону smartgrid Дмитрий Лаврик. Увеличишь скорось на x2.(это как раз с миксинами связанно).
Препроц pug, haml, jade, выбирай у котороги синтексис проще сам использую pug для него желательно gulp
Посмотри в сторону time menedgment.
Техника помидора
Сделай правило если сидишь над блоком больше n- минут переходи к другому(имеется ввиду если делаешь какие-то исправления и погоняешь под пиксельперфект), пусь будут недочеты, подправишь в самом конце.

Однозначно нет, я бы даже сказала что это тестовое задание на "лоха". По факту тестовое задание для веб-мастера - это - сверстать одну из страниц корпоративного сайта(не лендинг), и добавить ей логики посадив на нужную CMS. Даже по одной сверстанной(семантически правильной, адаптивной, подготовленной для продвижения) хватает что бы понять насколько долго человек верстает, или находится в вебе. Если вы вываливаете "дивянку", или относитесь к своей работе - ну сделаю не очень, это ведь тестовое - значит это провал.

То, что вы скинули выше - банальный заработок для компаний-студий, у них есть штат, и когда есть небольшие проекты(у которых не горит дедлайн), они отдают фрилансерам или новичкам, которые готовы работать за еду или бутерброд. После вам говорят что проект говно, а вы ничтожество, и у вас его парсят через wget(либо вы уже отдали его сами). В итоге профит для компании, и подгорание пятой точки у "наемного работника".

PS: В свое время сделала по-хитрому) Дали мне такой проект как тестовое задание, я делала его 2 недели, и когда подошло время сдавать его, показала его через teamviewer - работодатель убедился что все норм, попросил его скинуть - я попросила денег. Он офигел от наглости, и в итоге мы договорились о 12 т.р. Но на работу меня так и не взяли)

@keyframe

@keyframes