Как сделать разное количество колоно в зависимости от ширины экрана?

Question

[Алексей]

Делаю так

<style type="text/css">
.kolonka {
  columns: 3;
  -moz-columns: 3;
  -webkit-columns: 3;
}

@media all (max-width: 600px) {
.kolonka {
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
  }
}
</style>

<p class="kolonka">содержание....</p>

media не срабатывает (на любом размере окна браузера показывает 3 колонки

Answer 1

[Максим]

flex Box
inline-block

Comments

[Алексей]

можно простейший пример?

[Максим]

Алексей, https://codepen.io/MaximLensky/pen/qPwjEe?editors=1100

[Максим]

Алексей, обратили внимание что ни одного медиа запроса нету ?