Положение контента в зависимости от ширины
Нужно, чтобы контент, допустим изображение и текст, меняли положение в завистмости от размера окна. Пример: окно в полный экран - слева текст, справа картинка, сжатый по горизонтали (как на мобилках) - картинка сверху, текст снизу.
Ответы (1 шт):
Автор решения: Zhyvko Roman
→ Ссылка
.container {
max-width: 1400px;
margin: 0 auto;
display: flex;
justify-content: center;
}
.image{
height: 400px;
width: 400px;
border: 1px solid #000;
margin-right: 25px;
}
@media screen and (max-width: 800px) {
.container{
flex-direction: column;
}
} <div class="container">
<div class="image"></div>
<div class="text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat maiores repellendus eos asperiores. Modi aut ab voluptate quia magni itaque veritatis pariatur consectetur quas rerum.</div>
</div>