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

Question

[Петр Сергеев]

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

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


Как это сделать?

Answer 1

[Lord_Dantes]

.bands__text {
    max-width: 300px;
    width: 100%;
}

Comments

[Петр Сергеев]

Очень интересный прием, большое спасибо.
Только не могу понять как такое возможно? А есть где-нибудь где можно поподробней про этот прием почитать?

[Lord_Dantes]

Петр Сергеев, так, а что волшебного? max-width - задает блоку максимально допустимую ему ширину. А width: 100% её реализует собственно. Почитайте просто про max-width если интересно)

[Петр Сергеев]

s l a v e, хорошо, спасибо, обязательно ознакомлюсь)