-1

Нужно, чтобы контент, допустим изображение и текст, меняли положение в завистмости от размера окна. Пример: окно в полный экран - слева текст, справа картинка, сжатый по горизонтали (как на мобилках) - картинка сверху, текст снизу.

2
  • 2
    Это не фриланс площадка..
    – De.Minov
    Commented 7 авг. 2020 в 9:45
  • @CblPoK2513 Я знаю, мне просто нужна помощь. Старайтесь делать этот мир лучше. ;-)
    – Asahix
    Commented 7 авг. 2020 в 9:55

1 ответ 1

1

.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>

1
  • Ура! Спасибо! Рома, ты лучший! Дай, я тебя обниму!
    – Asahix
    Commented 7 авг. 2020 в 9:56

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.