HTML/CSS Flex: предотвращение переполнения элемента браузера ⇐ Html

[Anonymous]

Я пытаюсь создать сегмент веб-страницы, где изображение появится слева или справа, и рядом с ним можно быть текстовым центром на его сегменте страницы (см. Изображение). В переменной ширине изображения без этого переполнения? PrettyPrint-Override ">

Код: Выделить всё

.row {
display: flex;
flex:0 0 100%;
max-height:80%;
width:100%;
}

.column {
display: flex;
flex-direction: column;
flex:0 0 100%;
justify-items: center;
max-height:50%;
width:100%;

}

img {
display:flex;
margin: 0;
padding: 0;
object-fit: contain;
}< /code>

[img]./images/garden-state.webp[/img]


Garden State

Идеально. Я пробовал несколько разных значений для переменной ширины , от разных процентов до min-content и такого, с ними, вообще ничего не изменившегося.

Подробнее здесь: https://stackoverflow.com/questions/786 ... ser-window