Как создать панель из 4 блоков которые при уменьшении экрана складываются в два ряда?

Question

[lavezzi1]

Здравствуйте друзья. Каким способом это красиво осуществить? Нужно создать 4 блока, допустим 200px x 150px и разместить их рядышком в линию по горизонтали, при уменьшении экрана они слаживаются в две линии по два блока в каждой. Как бы вы реализовали? Без flex.

Answer 1

[Павел Гоголинский]

inline-block
Эта инфа гуглится за 2 мин. Это "как спичку зажечь?".
Я не обидеть хочу, но с таким подходом (спрашивая базу по css на тостере) вы никогда ничему не научитесь. Прочитайте книжку по css. Одну. Любую, у которой обложка самая красивая по-вашему. Вот это будет сдвиг и рост. А сейчас... flex тут каким боком?

Answer 2

[Underline]

Вариант в лоб - поместить их в родительские блоки с display:inline-block.
codepen.io/anon/pen/rVrqdb

Comments

[lavezzi1]

Спасибо, хорошо, а как по центру выровнять?

[Underline]

lavezzi1: text-align:center