Как победить разный рендер свойства align-item в firefox и Chrome?

Кирилл,

Префиксы нужны потому что вполне возможно что работать это будет в старых браузерах.

https://autoprefixer.github.io/ru/

А еще лучше подключать его в сборку.
Писать их прямо в исходном коде фу-фу-фу.

Можно ли сделать таск в галпе для создание начальной структуры?

Влад ~, отмечайте решением, раз работает

Как победить разный рендер свойства align-item в firefox и Chrome?

Кирилл, Боги, что у вас в коде.
Зачем вам миксины для вендорных префиксов, 100 лет как есть автопрефиксер.

Дело не в выравнивании иконок, а в отображении шрифта. Попробуйте заменить на что-нибудь, хоть на Goergia и увидите.

Как победить разный рендер свойства align-item в firefox и Chrome?

Размеры проверяйте.
Или выкладывайте код в песочницу.

Пока вообще не понятно, зачем самой иконке flex, разумнее его задавать кнопке. Но это глядя на скрины. Что у вас в коде я не знаю.

Почему нельзя скрыть группу элементов в SVG с помощью CSS?

SVG перестали вставлять объектом уже очень давно.
Не хотите инлайном, вставляйте как img.
Но управлять частями не сможете.

Чтобы вставлять инлайном и получить возможность управлять SVG с помощью CSS или JS, но код оставался чистым, используйте SVG спрайты.

Как рассчитать периметр квадрата?

Можно как-то поставить лайк вопросу?

Animation translate X и Y, как заставить элемент двигаться от точки к точке?

Постепенное появление элемента при скроле?
Там пример для горизонтального движения.
Вам нужно доделать по аналогии.

Есть ли хороший конструктор сайтов на пк?

Denisca Gareev,

Почему?

Почему не нужно использовать визуальные редакторы из 2003? Или почему их вообще не нужно использовать?

Если у вас в профиле написана не лажа про знание html и css, то думаю, вы знаете ответы на оба вопроса.

Есть ли хороший конструктор сайтов на пк?

2003-ий был хорошим годом

Почему не работает svg clip-path и mask в chrome?

Маски засунуть внутрь symbol не вариант?

Как заверстать такой прогресс бар?

Klimsava,
слушайте, нельзя же так совсем невнимательно.

Давайте медленно: мой вариант был предложен первым в комментариях к вопросу за 2 дня до вашего. С ним можно ознакомится, если всё таки открыть комментарии и прочитать их.

Как это сделать на js?

Модератор, я за! ))

Как задать :hover для класса элементов?

Прекратите дублировать вопрос.

Почему что-то не работает всегда показывают инструменты разработчика в браузере.

скрин

И не используйте id для стилизации. И всё заработает.

На будущее, делайте работающую песочницу с кодом, а не выкладывайте эти простыни кода.
jsfiddle.net, codepen.io

Как добавить стили к input[type="checkbox"] и сделать окно со скролом?

Данил Ларионов,
1. Сам инпут должен быть доступно скрыт. У вас нет. У вас он растянут на всю ширину обертки. Гуглить "доступное скрытие" или "паттерн visually-hidden"
2. У каждого инпута должен быть id и label и input должны быть связаны через for и id.

Как добавить стили к input[type="checkbox"] и сделать окно со скролом?

Данил Ларионов, сам чекбокс скрывается с помощью css паттерна visually-hidden (гуглится).

Про нажатия не все ясно. Разве что вы не разобрались с лейблами.
Сделайте песочницу jsfiddle.net

Как добавить стили к input[type="checkbox"] и сделать окно со скролом?

Данил Ларионов, а за скролл отвечает свойство overflow

Как заверстать такой прогресс бар?

Klimsava,

Вы же Куратор тега Вёрстка. А ничего лучше не предложили(

Попробуйте сначала почитать комментарии к вопросу, а потом писать ерунду.

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

Статьи не индексируются, почему?

oleg_ti, ага и имеет смысл почитать об этом, статей полно.
Но начать имеет смысл с хелпа самих поисковиков. Там ответы практически на все вопросы, на которые в принципе можно дать достоверный ответ.

Есть еще среднее состояние: робот проиндексировал страницы, но в выдачу еще не попали.
Я бы начала серьёзно переживать через месяц. Но обычно это 2-3-4 недели.

Как заверстать такой прогресс бар?

Klimsava, не могли бы вы показать простой пример?

Как сделать такую раскладку на Флексах?

Вы можете добавить на место круга пустой элемент либо псевдоэлемент с order.
Либо использовать float или grid.