Как сверстать данный блок?

Question

[Dezzer]

Я новичок в веб разработке и столкнулся с такой проблемой, что не могу сверстать данный блок

Comments

[gracer]

И в чем, собственно, проблема?

[Dezzer]

gracer, Я не понимаю как сверсать

[Lynn «Кофеман»]

Оффтоп: попинайте дизайнера, что бы текст был разный, а по возможности вообще настоящий, а не эта заглушка.
Как этот список должен выглядеть, если в пункте текста на одну строчку или на 5 строчек?
Что должно быть если пунктов будет 3 или 5 или 8?

[Dezzer]

Алексей Тен, Дело в том, что я новичок и просто взял PSD шаблон с какого-то сайта

[Lynn «Кофеман»]

Ну так себе шаблон. Тогда поставьте себя на место дизайнера и попробуйте ответить на эти вопросы.

А потом попробуйте сверстать хоть как-то и приходите с вопросами. Да, в конце-концов, в интернете наверняка есть сайты со списками в две колонки. Посмотрите как их верстают другие, благо html и css открыты.

[gracer]

Dezzer, изучите свойство display хорошенько

[Ярослав Иванов]

Dezzer, для начало создать файл с расширением html

Answer 1

[Даниил Кириллов]

Используя флексы. Прикладываю хороший справочник - https://html5book.ru/css3-flexbox/

Comments

[Dezzer]

Спасибо, теперь дошло как решить