Задать вопрос
@Lex_Droid
It's just me. That's all.
html

Сжимается изображение при указании display: flex; Я создал список li и в каждом li указал изображение и тег?

Сжимается изображение при указании display: flex; Я создал список li и в каждом li указал изображение и тег
Начинаю работать со списком в CSS и указываю тегам li display:flex. После этого иконки начинают сжиматься. Из-за чего такое может быть? 5d7b7c65cdb5d078805527.png

5d7b7f1265088356109024.png такая дичь получается
  • Вопрос задан
  • 3295 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 2
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Запретить сжиматься изображениям:

img {
    width: 40px; // например
    flex: 0 0 auto;
}


Ответ написан
9 комментариев
9 комментариев
@helison
student
li display:flex + align-items: center;
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Lord_Dantes
Из-за чего такое может быть?

Начинаю работать со списком в CSS и указываю тегам li display:flex.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Пройти верификацию по лицу используя нейросеть, вебкамеру и эмулятор
25 апр. 2024, в 20:34
350000 руб./за проект
Доработка Django приложения и исправление ошибок конфигурации
25 апр. 2024, в 20:14
1000 руб./за проект
Завершение разработки проекта на CS2
25 апр. 2024, в 20:02
100000 руб./за проект
Ещё заказы