Мобильная версияЯ создаю сайт для школьного проекта и не могу понять, как обертывать элементы, как это делает flex-wrap. Это цель, которой я хочу достичь. Я не могу использовать flex-box, потому что на странице нам нужно использовать и flex, и сетку.
изображение в полноэкранном режиме
изображение на меньшем экране
.sfeer { дисплей: сетка; оправдание-содержание: центр; выровнять-элементы: по центру; ширина: 100%; маржа: 0 авто; отступ-верх: 5%; } .sfeer div { дисплей: сетка; Grid-template-columns: повторение (автозаполнение, 250 пикселей); зазор в сетке: 1бэр; маржа-верх: 1рем; } .sfeer img { дисплей: блок; ширина: 250 пикселей; высота: 250 пикселей; объектное соответствие: обложка; box-shadow: 0px 0px 3em rgba(0, 0, 0, 0.3); Фото
