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

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

На рабочем столе

На мобильный

2 ответа

  1. Вы можете определить различные стили для любого размера экрана, используя mediaqueries в css

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