Как сделать много responsive колонок?

Question

[Pavel_Proca]

Как сделать большое количество колонок, что бы они были по всей ширине блока, и при этом могли легко переходить на следующую строку? К примеру как список иконок тут.

Answer 1

[Иван]

display:flex; 
flex-wrap:wrap;

не?

Comments

[Pavel_Proca]

Не, в таком случае они не на всю ширину.

[Иван]

Pavel_Proca: justify-content:space-between ;

[Иван]

Pavel_Proca: https://codepen.io/Zzor/pen/WOevRg

[Pavel_Proca]

Я уже так пробовал делать, но последние элементы должны прилегать к левому краю, а не растягиваться на всю ширину. Типа так

[Иван]

Pavel_Proca: А...https://codepen.io/Zzor/pen/WOevRg вот посмотрите.переделал немного

Answer 2

[Дмитрий Pacification]

Можно заюзать Flax-box
https://habrahabr.ru/company/everydaytools/blog/321244/
https://habrahabr.ru/post/313938/

Или если долго помучатся с htmlbook.ru/samlayout/blochnaya-verstka/strochno-b...

Comments

[Pavel_Proca]

Если использую justify-content: space-between и свойство flex-wrap: wrap, то когда на следующую строку переходят 2 или 3 блока, то они раскидываются некрасиво.

[Дмитрий Pacification]

Pavel_Proca: Блин, ну тогда не знаю.
Вторая идея это использовать такую же технологию как и на том сайте, что Вы показывали.
Я вычислил что ребята юзают такую библиотеку для js https://www.polymer-project.org/