SecurityYourFingers
@SecurityYourFingers
I make other things, but i know that without your

Как изменить расположение подписи к фото?

Привет. Есть такая верстка.
<div class="content__text_4 mx-auto ">
       
        <div><p>"Среди других стран-участниц Чемпионата мира по футболу значительный всплеск интереса к путешествиям в Россию показали Аргентина, Египет, Марокко, Бразилия, Мексика и Саудовская Аравия. </p></div>
        
        <div><img src="../img/news/div-img.png"></div> 
    </div>

.content__text_4 p{
    float: left;
    max-width: 201px;
    color: #999EA5;
    font-family: "Source Sans Pro";
    font-size: 14px;
    letter-spacing: -0.25px;
    line-height: 22px;
}
.content__text_4 img{
    margin-left: 10px;
    max-width: 890px;
}

Фото и подпись к фото слева5bb0ab0394ac0785402988.pngЭто десктопная версия.

В мобильной версии необходимо подпись расположить под фото. 5bb0ab62849ed708933515.png
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
web_Developer_Victor
@web_Developer_Victor
Что такое google?
  1. Зафлоатить на desctop версии фото, а на мобильной сделать float: none
  2. Сделать через flexbox. На мобильной сделать по-обычному, а на desctop сделать родитель display: flex
P.S. лучше второй вариант
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы