выравнивание элементов в столбцах на основе ширины экрана HTML

Question

Я не использую никаких фреймворков, таких как bootstrap, только MDL, и я хочу знать, есть ли способ выровнять создаваемые сервером прямоугольные элементы в одном или двух столбцах в зависимости от размер экрана, как эти образы, где черные прямоугольники являются элементами:

On desktop

On mobile

Answer 1

Вы можете сделать это со шлейфом, очень проста в использовании:

http://the-echoplex.net/flexyboxes/

надежды я могу помочь

Answer 2

Вы можете определить различные стили для любого размера экрана с помощью mediaqueries в CSS

@media (min-width: 992px) and (max-width: 1199px) { 
    .example{ 
     width:50%; 
    } 
}