Задать вопрос
SH8DER
@SH8DER
Начинающий Web-разработчик

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

Есть такая проблема, встраиваю в кнопки svg иконку, у ней свойство display: inline-flex; align-items: center;
В хроме всё нормально по центру выравнивается, а в FireFox надпись смещена в конец блока, как будто flex-end .
В чём проблема, и как это побороть?

UPD: Ссылка на PEN

Скрины

Хром5ecba9ae48d99945461384.jpeg
Лиса5ecba9b623115229759721.jpeg
  • Вопрос задан
  • 84 просмотра
Подписаться 1 Простой 7 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@Delta01
@de1ta01 пиши, помогу с вёрсткой =)
попробуй просто display: flex
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы