и кстати макет абсолютно непонятный для адаптива, я на нем десктопную версию только делал, адаптировать там толком нечего, кроме как раз вот этого блока и футера, для практики сойдет, за 2-3 часа на легке верстается, если макет нарезан
да, это был мой второй макет для практики) вот поднял его)
а с галпом можешь и позже разобраться, сборка галпа с примерами файлов, сам браузер обновляется, делает минимизирование и делает спрайты) ничего такого сложного, если будет не понятно, то могу все рассказать, сам под себя подбирал инструмент) а запускается галп всего одной командой в консоле)
если что, @include sprite($arrow); это удобный плагин gulp "spritesmith", если надо, дам свою сборку галпа, там ничего лишнего, и намного упрощает верстку с препроцессором scss, и сборкой блоков html на риггере
И если хочешь верстать, начинай имена классов писать правильно, а то у тебя они, если будут с другим кодом, то тяжело разобрать, что к чему относится, можешь почитать про БЭМ от Яндекса, там все на русском и для начала работы за пол часа можно понять азы
Я стараюсь использовать дисплей, чтобы не было лишних элементов, но тогда transition не будет работать, плавность будет только у опасити, но так как тебе надо по хаверу, то лучше б здесь я бы добавил яваскрипта, в твоём же случае будет актуально или опасити или визабилити, тут уже твое предпочтение. И лучше не делай background: #333;
Background-color сделай, потому что твое свойство в будущем может перебить остальные. А вообще попробуй каждое из этого, я просто с телефона пишу и посмотреть хорошо код не могу) главное пойми, с дисплей и визабилити анимации не будет
Не привязываться к пагу, он только для ускорения написания разметки, вот пример, у меня галп собирает все по частям, и получается что в папках разработчика у меня только разметка и скрипты, я даже хтмл собираю по блокам, в один, и браузер синк у меня видит файл продкшена, а не разработки, вот и отталкивайся от этого, тебе нужен продакшн. И паг, в прошло Джейд не багнутый, он удобен, когда код повторяется, имею ввиду циклы, но в целом я им не пользуюсь вообще)
