Почему при добавлении обертке свойства filter уходит вверх фиксированный header (внутри пример на codepen)?

wqertAnna, Можете из документации почитать https://drafts.fxtf.org/filter-effects/#FilterProperty

A value other than none for the filter property results in the creation of a containing block for absolute and fixed positioned descendants unless the element it applies to is a document root element in the current browsing context. The list of functions are applied in the order provided.

Как отменить max-height overflow?

Как отменить max-height overflow?

В контексте css нет такого понятия, как "отменить" правило. Вам надо вернуть значение по умолчанию.
Чтобы найти значение по умолчанию для любого правила воспользуйтесь документацией по этому правилу

Помощь с code review вёрстки?

Happy-Child, если изменить у блока html фиксированный размер шрифта на проценты, то пользователь сможет использовать свои настройки браузера.
Например на больших экранах удобно в настройках браузера увеличивать шрифт, чтобы он не был мелким. Если сайт адаптивный, то он без дополнительных движений от пользователя сам подстроиться под нужный размер.
Что-нибудь из этого можно почитать:
https://webformyself.com/texniki-adaptivnoj-tipogr...

Помощь с code review вёрстки?

Happy-Child, понятно, ваше удобство превыше всего? :)
Можно ведь перевести в проценты и оставить пользователю возможность выбирать удобный ему размер шрифта
* в проценты для блока html

Помощь с code review вёрстки?

для чего вы используете em\rem величины?

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

Дмитрий Борисов, тут лёгкими правками не отделаетесь.
Для мобильной версии начиная с тега ul и углубляясь во внутренние элементы добавить к существующим следующие стили:

ul.product-grid {
  display: flex;
  flex-flow: row wrap;
}
ul li {
  display: flex;
  flex-flow: row wrap;
}
ul li .product-block {
  display: flex;
  margin: 0 !important;
}
ul li .product-block-inner {
  display: flex;
  flex-flow: column nowrap;
}
/* Отступ для кнопки */
ul li .product-block-inner .price {
  margin-top: auto;
}

Используемые селекторы классов уже сами расставьте, какие у вас используются для мобильной версии.
Всё это надо чтобы блок с кнопкой растянуть по размеру с соседней карточкой, в итоге должно выглядеть так: https://yadi.sk/i/j9gVOzOdub6guQ

Где использовать flex?

xonar, флексы хорошо подходят для вертикального выравнивания дочерних элементов и вариант в вашем втором блоке. В большинстве остальных случаях удобнее использовать что-то другое, - внешние\внутренние отступы, позиция и т.д.

Где использовать flex?

xonar, да

Что не так с этой монеткой?

sim3x,

То что у вас первой сотне бросков выпадет решка

вам монетку побросать или победителя найти, по вашему зачем её сто раз кидать, если уже за 2 броска выпадает одна решка? оО

Что не так с этой монеткой?

sim3x,
на два броска с противоположными значениями имеем одинаковый шанс, что именно "оно так не работает"?

Как такое сверстать?

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

Почему Input вылазит за форму?

Влад,
у ".wpcf7" убираем padding и padding-right
у ".wpcf7 form" убираем width
и форма должна встать ровно

Почему стиль не работает?

Егор Антропов, в этом же окне, выше или ниже - нету этого стиля?
написание правильное, значит этот стиль где-то перебивается

Как заставить работать стили?

Darkness, и по итогу вам не нравиться, то что используются идентификаторы из state?

Поэтому решение нашел стремное, а именно я динамически передаю новые id, на каждую итерацию цикла. Т.е. 4 id из state, после уже в стили делаю такие как и были :after+label и тд. Нужный функционал то я получил, но весь дерьмо код - вижу

Можно взять индексы из цикла и составить строку-идентификатор

.choicePrice(v-for="(item, index) in getCheckouts")
  p {{item.text + ' ' + item.price}}
  .priceOne
    input(type="radio" :id="`priceChoice${index}`" name="choicePrice" class="inputMoney")
    label(class="labelMoney" for="choicePrice")

на выводе ид. будут такие: priceChoice1, priceChoice2, priceChoice3, ...

upd
#priceChoice:checked+label:after
и блок стилей соответственно будут уже не по идентификатору, а например по классу ...

Как добыть svg и тег из него?

И если посмотреть вниз этого тега svg, то там shadow_root(closed)
Что это значит?

Это значит, что svg ссылается по идентификатору на другой svg
Где-то на странице должен быть svg контейнер (скорее всего в конце страницы в виде объёмного спрайта)

Как заставить работать стили?

Darkness,
ещё вопрос, этот кусок выводиться в цикле или ".priceOne" в единственном экземпляре?

.choicePrice(v-for="item in getCheckouts")
  p {{item.text + ' ' + item.price}}
.priceOne
   input(type="radio" id="priceChoice" name="choicePrice" class="inputMoney")
   label(class="labelMoney" for="choicePrice")

Если в цикле, то радио кнопки получат одинаковые идентификаторы, что нельзя.
По хорошему, так бы в песочницу код, потому что приходится только гадать

Как заставить работать стили?

Также вот стили для labelMoney

если вы используете отступо-зависимые препроцессоры, то наверняка должны знать, что отступы играют ключевую роль. Стили для after неизвестно или у вас не используются или нам показали заведомо неправильно

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

Можете подробно объяснить?

Артур Кудашев, возможно так понятнее будет https://codepen.io/anon/pen/KLByXP?editors=0010

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

Сергей delphinpro, спасибо, тоже можно рассмотреть вариант.
Но если честно, то мне кажется, такая оптимизация тут не нужна. Всё выполняется единожды.
Поставили таймер, если произошли другие касательные события - то удалили и таймер, и эти обработчики - это не наше "зажатие"

Важен ли для программиста язык?

sim3x, "качественный проект с необязательно качественным кодом", - так себе позиция.

Но я понимаю, для вас это, будет звучать примерно так: "качественный проект с необязательно Некачественным кодом" :)