Как сделать наложение трех элементов (чтобы каждый каждый последующий был выше но самый последний был выше первого)?

Как сделать наложение трех элементов (чтобы каждый каждый последующий был выше но самый последний был выше первого)

Наверное, имелось с виду, ниже первого.

Но на картинке, он не ниже, а утыкается в край первого. Если бы он выглядывал из-под белого, тогда его просто нужно было разбить на 2 части.

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

Sigar49, что да, если результат не тот?

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

Sigar49, вы бы хоть пробовали, что предлагаете.

В чём заключается проблема подключения шрифта?

dieneri, будет нормальный полный пример или ссылка, позовите. Сейчас это бесполезная трата времени.

Как сделать разделенный и заблюренный задний фон под блоком?

Там нет никакого разделения.
Просто сделана подложка из той же самой картинки и filter: blur(5px);

Комбинаций много, можно вставить дубль как фон, как псевдоэлемент, можно backdrop-filter для псевдо или figure в которую обернута картинка и т.д.

https://codepen.io/AnnaSummer/pen/GRQYbyZ

Как сделать, чтобы анимация не замедлялась?

https://developer.mozilla.org/en-US/docs/Web/CSS/C...
https://html5book.ru/css3-transition/

Демка https://codepen.io/nazarelen/pen/JobJNy

Как отменить заданную высоту в swiper?

nelicepriatniy, инлайновые стили можно перебить с помощью !important

Как сделать линии между элементами flex?

キム ファイブプラス,

Codepen в силе?

Да

Как сделать, чтобы цвет цены со скидкой изменялся вместе с остальным текстом при наведении?

Почитайте про дочерние и контекстные селекторы htmlbook.ru/samcss/kontekstnye-selektory и т.д.
.flex-item:hover .discount {стили для discount при наведении на родителя}

p.s.
Вам за это еще никто ничего ласкового не сказал?

<div class="price">
<span class="Price">

Почему бургер позиционируется к хедеру но не к своему родителю?

menu_icon != menu__icon

В чём заключается проблема подключения шрифта?

dieneri, отлично!

Теперь всё остальное, как применяете, доказательство доступности файла, ровного шрифта и т.д.

В чём заключается проблема подключения шрифта?

dieneri,

Обернул )

Не вижу.

Как реализовать тряску элементов без CSS и jQuery UI?

То есть необходимма тряска элементов, которая имеется сейчас но без css

Вы кому-то сделали что-то плохое, что вас так заставили делать?
Или я кому-то сделала плохое, что вы меня сюда позвали? ))

JavaScript-анимации
JQ .animate()
и т.д.

В чём заключается проблема подключения шрифта?

Оберните код в теги <code></code>

Приложите код, как вы этот шрифт применяете.
А еще лучше песочницу или ссылку на сайт.

Хорошо бы актуальным браузерам скармливать woff2 и woff.

Как написать Js функцию, размещающая блоки с абзацами как газетные колонки?

toxic2701,

а какое свойство в columns отвечает за раскладку по количеству контента?

Все целиком свойство columns распределяет элементы по колонкам, чтобы получить примерно ровный блок.

Но в отличие от вашей задачи все элементы будут идти по порядку по столбцам. Обычной газетной раскладкой. Т.е. так, чтобы связность текста не нарушилась.

Как написать Js функцию, размещающая блоки с абзацами как газетные колонки?

toxic2701, columns решит вашу задачу вообще без JS.

Но я так понимаю, что у вас это просто учебная задача на JS.

Плагин masonry (можете посмотреть как он работает) использует абсолютное позиционирование блоков.
Также вы можете поискать статьи, где объясняют как можно написать подобную раскладку (на основе флексов или гридов или просто так).

Способ в лоб: создаете внутри node нужно количество div (count).
Берете по порядку элементы.
Складываете по одному в каждую колонку.
Узнаете высоту каждой. Выясняете минимальную.
В неё отправляете следующий элемент.
И т.д. в цикле.

Как написать Js функцию, размещающая блоки с абзацами как газетные колонки?

toxic2701, понятно, но там есть кнопка редактировать вопрос.

Удалить да, нельзя, если уже есть ответ.

Как написать Js функцию, размещающая блоки с абзацами как газетные колонки?

И чем это отличается от вашего предыдущего вопроса https://qna.habr.com/q/1163656 ?

Как убрать перекрытие ячейки таблицы с position sticky, всего блока thead с position sticky?

Артем Прохоров, я же не просила скрин того, что произойдет. Но тоже пойдет.
Разумнее эту выпадаху сложить в песочницу. Не отвечающие же будут её туда прикручивать.

Кстати, можно заменить выпадашку на попап. Дешево и сердито.

Как разделить абзацы на колонки, чтобы при переходе на следующий ряд каждый абзац занимал колонку с наименьшей высотой?

Вы masonry изобретаете или css columns?