Как расположить адаптивно просто 5 картинок в ряд?

Question

[Павел]

Собственно есть просто 5 картинок в ряд . 2 ряда
joxi.ru/krDqDBosRXEXmp
что то я наверно устал , не догоняю как сделать адаптив , чтоб не ездило нечего

Comments

[Андрей Федоров]

Адаптив - это минимум 2 состояния. А вы только одну картинку привели. Что там у вас ездит остается только догадываться.

[Павел]

Андрей Федоров: бутстрап , обычно такие вещи переносятся на следующий ряд чтоб например было по 4 картинки 3 ряда , потом по 2 картинки 4 ряда. Сейчас загвоздка в том что когда ставлю все картинки в первом ряду и если они по ширине не помещаются они сразу на следующий ряд переносятся joxi.ru/V2V5K9oFwDdWmv

[Павел]

AlexanderZe: float

[Александр Лысенко]

mrusklon: Размер картинок задайте относительной величиной, а не в px

[Павел]

AlexanderZe: точно width: 20% , спасибо)

Answer 1

[Павел]

img{ float: left; width:20%;} всего лишь навсего . Спасибо всем за ответы

Comments

[iBird Rose]

[Павел]

ага :)

Answer 2

[Андрей Федоров]

Вот https://codepen.io/aliencash/pen/vxxWRb , попробуйте переделать для себя.

Answer 3

[Ivan Bogachev]

Картинки похожи на квадратные, вы имеете в виду вот такую конструкцию?