@media screen and (max-width: 750px)
.science__wrap {
/* flex-wrap: wrap; -- не нужно тут это */
flex-flow: column; /* вот это нужно; нужно сменить ось flex'а */
}
}
@media screen and (max-width: 575px) { /* Ваш медиа-запрос */
/* Нужно создать элемент в конце списка. Проще всего это сделать с помощью псевдоэлемента */
#reviews .reviews_wrap:after {
content: "";
flex: 0 0 10px; /* вместо 10px -- нужное вам значение «отступа» (который не отступ на самом деле, но вы поняли) */
}
}
pointer-events: none; visibility: hidden; и без white-space и clip-свойств. Надо тоже их добавить, хорошая идея :)).is--visually-hidden {
position: absolute !important;
visibility: hidden !important;
pointer-events: none !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(100%) !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
border: 0 !important;
text-indent: -9999px !important;
white-space: nowrap !important;
overflow: hidden !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}>100%
h1 {
font-size: 16px; /* ну или что там у вас тут будет; inherit, em, rem */
font-weight: normal; /* сброс начертания до обычного */
}МальчикДевочка
СобакаКошка
ПёсКот
<br>. Выйти из ситуации можно хоть так, к примеру:br ~ br {
display: none;
}.advanced-search {
flex: 0 0 100%; /* вы не поставили ширину у этого flex-элемента внутри родительского flex-контейнера */
}
.product-bg-box {
height: 300px; /* нужно ставить и просто height тоже, не только min-height */
}
top: -345px;
left: 0px;
right: 0px;
position: fixed;// 1. Фиксация <body>
function bodyFixPosition() {
setTimeout( function() {
/* Ставим необходимую задержку, чтобы не было «конфликта» в случае, если функция фиксации вызывается сразу после расфиксации (расфиксация отменяет действия расфиксации из-за одновременного действия) */
if ( !document.body.hasAttribute('data-body-scroll-fix') ) {
// Получаем позицию прокрутки
let scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
// Ставим нужные стили
document.body.setAttribute('data-body-scroll-fix', scrollPosition); // Cтавим атрибут со значением прокрутки
document.body.style.overflow = 'hidden';
document.body.style.position = 'fixed';
document.body.style.top = '-' + scrollPosition + 'px';
document.body.style.left = '0';
document.body.style.width = '100%';
}
}, 15 ); /* Можно задержку ещё меньше, но у меня работало хорошо именно с этим значением на всех устройствах и браузерах */
}
// 2. Расфиксация <body>
function bodyUnfixPosition() {
if ( document.body.hasAttribute('data-body-scroll-fix') ) {
// Получаем позицию прокрутки из атрибута
let scrollPosition = document.body.getAttribute('data-body-scroll-fix');
// Удаляем атрибут
document.body.removeAttribute('data-body-scroll-fix');
// Удаляем ненужные стили
document.body.style.overflow = '';
document.body.style.position = '';
document.body.style.top = '';
document.body.style.left = '';
document.body.style.width = '';
// Прокручиваем страницу на полученное из атрибута значение
window.scroll(0, scrollPosition);
}
}$(document).on('shown.bs.modal', function () { // открытие любого модального окна Bootstrap
bodyFixPosition();
})
$(document).on('hidden.bs.modal', function () { // закрытие любого модального окна Bootstrap
bodyUnfixPosition();
})