Leo

Друг, тебе пора обратить внимание на Angular, React или Vue. Webpack тоже.

Открой поисковик. Запрос: front-end roadmap

Массив это не объект. Объект можно запустить в массив, не наоборот.

Как я понял там видео же? Тогда надо js для сдвига или hover анимацию.

Можно ещё сделать через overflow hidden. Мне кажется все эти решения попахивают савхозом, но рабочим савхозом.

Я бы в итоге сделал чтобы одна секция была бы со сдвигом, а при hover происходил сдвиг на активную область. Это можно без js. Можно сделать изначально посередине для перфектцианизма.

Напиши на почту darkleopard3@ya.ru

Может договоримся до чего-нибудь

По событию click на плюсе переменная ++, по минус наоборот.

В консоли разработчика хрома/лисы есть мобильные экраны. Они охватывают большинство необходимых экранов.

Начинайте изучение одного из:
- React (самый популярный)
- Vue (китайский)
- Angular (>2) (самый новый, моя специализация)

При изучении и работе с ними самоорганизуетесь.

P.S. Если БЭМ не читали, то пора.

Chrome F12, device Galaxy/iPhone, F5. Содержимое будет соответствовать мобильному. Не нужно изобретать колесо.

Также есть подключенные устройства и вход через Inspect. Не думаю что это тебе нужно.

Берём CMS WordPress.
Ставим платную тему (около 5к).
Делаем сайт визитку по шаблону (можно самому с геморроем, можно спецу 5к).
Ищем плагин для наличия "баланса" как волюты на сайте. Если не находим, то включаем WooCommerce и организовываем работу по системе купил услугу - получил услугу. (Либо сам, либо 2-5к человеку)
Ставим интеграцию с Я.деньгами. (нужно ИП или юр лицо, сама интеграция плагином, либо сам либо 2-5к)
Ставим JivoSite на сайт, настраиваем, оплачиваем ещемесясную плату 500ре.

Готово.

Дочерние, надеюсь, раздельные?

flex для дочерних для указания размера и/или margin:auto

Потому что нормальной автоматической верстки нет.
Потому что нужно настраивать логику страницы.
Потому что нужен БЭМ.
Потому что есть куча стандартов нормального написания кода.
Потому что делать надо на препроцессоре CSS.
По ому что нужна совместимость.
Потому что быстрее в коде.
Потому что удобнее в коде
Потому что разделение труда.
Далее уже надоело)

Думаю дело в том что:
a - строка
button - блок

fill, но будут проблемы на safari. Лучше изначально покрасить.

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

Про объединение png, суперсжатие jpeg: ты хочешь чтобы вся assets песила пару мегов?

Объединение svg тоже может принести много ненужных проблем.

Иконки хорошие у Angular Material, можно брать шрифт или svg. Если есть непосредственная необходимость доступа к ресурсу без интернета (мобильное приложение, например), то бери svg сразу.

P.S. Не забывай про проблемы совместимости с Symbol.

Тогда нужен fullstack. Знакомые мне люди подобного плана обычно back-end, которые могут во front-end.
Можно вообще взять back-end senior и front-end junior с хорошими навыками верстки. В этом случае у вас будет приличная лицевая, back-end'у будет легче работать, вы вырастите специалиста себе в кадры попутно.