Как сделать такой же список?

Question

[Yes It's matrik]

Как можно реализовать такой блок?(не считая нижней части со значками и верхней с двумя кнопками).Главное что бы резиновым был (только для декстопов)

Comments

[Ankhena]

Флексами или гридами.
Что именно у вас не получилось?

[Yes It's matrik]

Ankhena, а как эти флексы расположить то?В плане что куда ложить.
Если два флекса, которые как две строчки идут, то тогда верхние и нижние списки не будут смотреться ровно относительно друг друга (если через justify content).
Если их как 4 столбика сделать, где в каждом по 2 списка.То тогда можно отступами выровнять все списки по вертикали, а сами столбики через тот-же justify content.Но мне это как то неправильно кажется.Просто подскажите как будет правильнее флексы расположить, что бы все ровно смотрелось

[Ankhena]

Yes It's matrik, что-то я вообще не понимаю или не вижу проблемы.
8 элементов в списке, 4 столбца одинаковой ширины. Если они вдруг разной ширины, то через nth-child.
Гридом тоже самое, ширину какую угодно, всё равно один ровно под другим будет.

[Yes It's matrik]

Ankhena, Я полагаю вот так?А как их по вертикали то выровнять?Просто отступами?

[Ankhena]

Yes It's matrik, https://codepen.io/AnnaSummer/pen/KKoqZpW
Дальше можете играть в gap, justify-content и другие размеры.