Привет. Подскажите, как поправить css так, чтобы при уменьшении viewport

Question

Привет. Подскажите, как поправить css так, чтобы при уменьшении viewport

сначала деформировался блок с текстом, а блок для картинки оставался квадратом с высотой равной высоте карточки? Сейчас он просто уменьшается до полного исчезновения

https://codepen.io/asdfasfd/pen/vYrogGg?editors=0100

#css #frontend #html #programming #russian

0

15.12.2022

7 ответов

12 просмотров

Kirill Kulikov Автор вопроса

Ext.getCmp('Keken');
Flex-grow

пытался его использовать, не помогло. Куда и с каким значением, по твоему мнению, его нужно добавить?

0

15.12.2022

Ext.getCmp('Keken');

Kirill Kulikov
пытался его использовать, не помогло. Куда и с как...

https://habr.com/ru/post/467049/ Почитай про него и все что ниже

0

15.12.2022

Kirill Kulikov Автор вопроса

Ext.getCmp('Keken');
https://habr.com/ru/post/467049/ Почитай про него...

“Если для всех элементов flex-grow установлено значение 1, оставшееся пространство в контейнере будет равномерно распределено между всеми дочерними элементами.” - именно так и использую в текущей демке. Больше там ничего релевантного не вижу

0

15.12.2022

Роман Кудлатов

Kirill Kulikov
“Если для всех элементов flex-grow установлено зна...

.content flex: 1;

0

15.12.2022

Kirill Kulikov Автор вопроса

Роман Кудлатов
.content flex: 1;

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

0

15.12.2022