@223606322
начинающий web-разработчик

Как выровнять картинки в один столбик?

Вот как у меня:
https://codepen.io/Crot/pen/jObgQrm

А нужно, чтобы все выстроилось в один столбик:
5ed367a995866041880939.png

Как это сделать?
  • Вопрос задан
  • 267 просмотров
Решения вопроса 2
sniggering_deus
@sniggering_deus
I will live forever in the flame of your eyes.
Можно элементы(картинку и текст) обернуть в дополнительный контейнер и задать ему нужные стили:

<div class="element">
<div class="bands__img">
<img src="https://www.meme-arsenal.com/memes/8abad17ae081384956a7084acfb2f8e4.jpg">
</div>
<div class="bands__text">
Solo con pensarlo se acelera el pulso (Oh yeah)
Ya, ya me está gustando más de lo normal
Todos mis sentidos van pidiendo más
Esto hay que tomarlo sin ningún apuro
</div>
</div>


.element {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 400px;
}


Таким образом будет создана более надёжная структура.
Ответ написан
Lord_Dantes
@Lord_Dantes
чат для джунов t.me/developersjunior
.bands__text {
    max-width: 300px;
    width: 100%;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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