CSS Отзывчивая галерея изображений с JS

Измените размер окна браузера, чтобы увидеть эффект.

В этом примере используются запросы мультимедиа для переупорядочивания изображений на экранах разных размеров: для экранов шириной более 700 пикселей, он покажет четыре изображения друг к другом, для экранов меньше, чем 700px, он покажет два изображения друг к другом. Для экранов размером менее 500 пикселей изображения будут складываться вертикально (100%).

Вы узнаете больше о медиа запросах и адаптивном веб дизайне позже в нашем учебнике CSS.