Flexbox и вращение ⇐ Html

[Anonymous]

В настоящее время я борюсь с гибким ящиком и вращением изображений. Некоторые из изображений могут быть случайным образом повернуты на 90 градусов. < /P>
Я хочу, чтобы контейнер автоматически регулировал, когда вращаются одно или несколько изображений, поэтому они не перекрывают друг друга. PrettyPrint-Override ">

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

.container {
display: flex;
height: 200px;
width: 600px;
background-color: yellow;
justify-content: center;
align-items: center;
}

.item {
justify-content: center;
align-items: center;
}

.rotated-item {
}

img {
height: 150px;
}

.rotated-img {
transform: rotate(90deg);
}< /code>


[img]https://www.deckofcardsapi.com/static/img/2D.png[/img]

[img]https://www.deckofcardsapi.com/static/img/6C.png[/img]

[img]https://www.deckofcardsapi.com/static/img/7D.png[/img]

Подробнее здесь: https://stackoverflow.com/questions/797 ... d-rotation