Вы пипеткой натыкали непрозрачный цвет. Полностью непрозрачный, совсем непрозрачный. Просто как натыкали так и пишите.
Натыкали #3D3D3D - пишите #3D3D3D.
Если больше нравится как выглядит с прозрачностью, ради бога, пишите с прозрачностью. Только зачем вы тогда у меня спрашиваете, похоже или нет, если вас устраивает.
towncitybr, так, медленно: я вам на скринах показала какие непрозрачные цвета получатся, если тыкать пипеткой в макет.
Вы же пишете переход из полностью прозрачного в непрозрачный.
Так он с макетом не совпадет.
Я бы, вероятно, поступала бы точно так же, но если бы видела полную картину и знала, что будет при переполнении или при блоках разной высоты.
Точного совпадения вы вряд ли добьетесь, потому что в макете смешивание слоев отличное от normal. Но можете подобрать близкое.
Не нравится как получается - скорректируйте цвета методом подбора.
В конце концов, можете использовать и смешивание из макета, проверив отображение во всех браузерах из ТЗ.
maketosLikes, гридами, флексами, css columns - как удобнее, так и сделайте.
Я не понимаю проблемы.
Для main-header__list вы можете задать флекс, а для submenu нет?
maketosLikes, разбейте задачу на попроще:
Вы можете сделать выпадающий блок? Да.
Вы можете сделать блок (ul) в котором 5 элементов (li с вложенными ul) в строку? Думаю, да.
Теперь объединить одно с другим.
Pavel-ww, судя по разнице между тем что есть и тем, что хочет видеть заказчик, да, нужно довольно много переписывать.
А раз так, то разумно делать это актуальными методами.
Pavel-ww, вот это всё ужасно про height: calc(100% - 57px) в современном мире при наличии флексов и гридов.
Ну ладно, раньше нам было тяжело, но теперь-то зачем?
Тем более, что нет никакой гарантии, что меню всегда будет 57px.
maketosLikes, если вам охота километр кода по 2 раза переписывать, то вперед.
Особенно приятно будет другому человеку, которому попадет проект в руки или вам же, но через полгода.
Никита Сальников, это зависит от вашего ТЗ.
Если первые два должны быть фиксированными, то растягивать последний. (через grow, calc или 1fr в гридах, как вам больше нравится)
Если все три должны менять свою ширину в зависимости от вьюпорта, то так и расписывайте.
Мне всегда нравится решать такие задачи путем переформулирования вопроса на "а почему они не должны появляться?". Т.е. где те правила, которые говорят элементам вести себя так, как вам хочется?
Ну вот смотрите, у вас есть row.
В нем три дочерних элемента:
92px
320px
75%
Вы пипеткой натыкали непрозрачный цвет. Полностью непрозрачный, совсем непрозрачный. Просто как натыкали так и пишите.
Натыкали #3D3D3D - пишите #3D3D3D.
Если больше нравится как выглядит с прозрачностью, ради бога, пишите с прозрачностью. Только зачем вы тогда у меня спрашиваете, похоже или нет, если вас устраивает.
Если совсем ну никак, то засуньте картинку градиента в колорзиллу и скопируйте оттуда (только без префиксов всяких) https://www.colorzilla.com/gradient-editor/