Как сделать Background градиентом с четкой изогнутой линией между цветами?

ForSureN1, ваша задача решить как он хочет, а не фантазировать. ) мало ли зачем ему это надо... а если не можете помочь, так хоть не осуждайте.

Как сделать Background градиентом с четкой изогнутой линией между цветами?

ForSureN1, задача - сделать через background, т.ч. никакого абсолюта и bottom быть не может.

Как сделать Background градиентом с четкой изогнутой линией между цветами?

Сергей delphinpro, ну вопрос-то не об этом. пусть тогда делает частями - 3 фона.

Как расположить позиционирование?

WapSter, float || inline-block || table. Any more ideas? )

Насколько плохо сыграет это на производительности, если я скрою большой блок через display none?

мне кажется у вас браузер вначале срендерит все как есть, а потом применит стили. причем начнет со стилей с самой глубокой вложенностью и только в конце дойдет до стилей уровня .header.

Как изменить цвет внутри картинки?

код svg меняйте.

Как убрать нижний отступ в последнем ряду без использования row-gap? Если flex-diraction row и ряды фрмируются с помощью flex-wrap wrap?

Сергей К, костыльно - это не использовать gap.

Как можно реализовать такой блок?

Ну, грубо говоря, определяетесь с точным ТЗ, открываете редактор и начинаете писать код. Должно решить вопрос.

Как одной строчкой кода решить задачу (год|года|лет)?

Дмитрий Гординский, я могу решить вопрос, но не в одну строчку. Вы можете?

Как одной строчкой кода решить задачу (год|года|лет)?

Дмитрий Гординский, и все же, давайте код. Тут что-то вроде соревнования.

Как одной строчкой кода решить задачу (год|года|лет)?

Сергей Сергей, Точно. 11 даже страшнее...

Как одной строчкой кода решить задачу (год|года|лет)?

И где ваш код? )
Строго говоря ваш вариант как вы его описали не будет работать...

Как правильно сверстать?

Linberg07, ну дак поэкспериментируйте. У вас же код перед глазами. Напримерbackground-position: right 3.6em;

Kак в input[type="date"] сделать так,чтобы открытие календаря происходило не только с иконки, а при нажатии на любую часть input?

Alexey1307, тогда такой вариант - https://codepen.io/aliencash/pen/PoEpEBx

Kак в input[type="date"] сделать так,чтобы открытие календаря происходило не только с иконки, а при нажатии на любую часть input?

Alexey1307, у меня работает и ff, и в хроме.

Как задать несколько фонов (паттернов) для body?

Genri_Rus, background-size вам должен помочь.

Как задать несколько фонов (паттернов) для body?

Genri_Rus, правильно. поэтому в моем ответе background-repeat: repeat-x, repeat

Как задать несколько фонов (паттернов) для body?

Genri_Rus, в таком случае вы очень странно сформулировали вопрос. Ответил.

Как задать несколько фонов (паттернов) для body?

Genri_Rus, можно, но разве у вас в этом проблема?

Как задать несколько фонов (паттернов) для body?

У фоновых картинок прозрачность должна быть.