Мобильная версия.albums .next_album { дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; гибкая основа: 50 пикселей; фон: rgba(255, 255, 255, 0,1); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); фоновый фильтр: размытие (9,5 пикселей); -webkit-backdrop-filter: размытие (9,5 пикселей); радиус границы: 5 пикселей; цвет: #аааааа; размер шрифта: 1.3rem; курсор: указатель; } /* запускаем медиа-запрос */ @media только экран и (максимальная ширина: 992 пикселей) { .next_album { дисплей: нет; } .альбомы { flex-wrap: обертка; } Альбом недели Дуа Липа Если это не я
Эрфан
Фарх Даре
Пубон
Тоже
Хэлси
Новая Америка
Да
Бим
У меня есть элемент div с классом «альбомы» и некоторыми элементами div. у одного из них есть класс с именем «next_album», он имеет display: flex;. Я хочу, чтобы он был полностью удален, когда размер окна достигнет 992 пикселей. но display: none; в медиа-запросе не работает. может кто-нибудь помочь мне с этим? Я схожу с ума.
Мне нужно добавить, что я поместил еще один div после next_album для теста и дал ему dsiplay: flex; и дисплей: нет; в части медиа-запроса, и это сработало! Я имею в виду, что он исчез в размере 992 пикселей или меньше по ширине. это адреса моего репозитория.
