@lamernoob

Как управлять расположением блоков при адаптивной верстке?

Доброго времени суток. Есть блок div и картинка, как сделать так, чтобы при нормальной ширине окна они были в одну строчку, а, например, на телефоне в столбец? При этом, когда текст находится в строке, он должен быть выровнен по вертикали относительно изображения.
<div>
         <img src="/data/images/1.png">
          <div>
                <h2>Текст</h2>
                <p>текст</p>
          </div>        
</div>

60b8d2634907b877416018.png
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ответы на вопрос 2
@danila_prokopenko
Если ты только начал учить html\css, то почитай про медиа запросы
Ответ написан
anton99zel
@anton99zel
29а класс средней школы №7
<style>
img{vertical-align: middle;}
@media (max-width: 600px) {span{display:block;}}
</style>
<div>
    <img src="https://avatars.mds.yandex.net/get-yapic/30061/WoC18IUowxzmydVWvbPgtA9vS3Y-1/islands-retina-50"/>
    <span>Добрый день!</span>
</div>

min-width: 600px
60b8f6819d632758562520.png
max-width: 600px
60b8f686e81aa368760953.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы