Почему не работает корректно плагин isotope на Iphone и Android?

Alex_vs_Predator, вот так, наверное, лучше будет:

.isotope {
    -webkit-transition-property: height,width;
    -o-transition-property: height,width;
    transition-property: height,width;
    width: 100%;
}

.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    width: 25%; /* тут размер элемента сетки по media-запросам */
}

.quest-block__link {
position: relative;
margin: 0 auto 27px;
width: 100%;
}

.quest-block__link:before {
content: "";
display: block;
padding-bottom: 141.3242%;
}

.quest-block__link img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Почему не работает корректно плагин isotope на Iphone и Android?

Alex_vs_Predator, о, вот:
https://stackoverflow.com/questions/8622906/isotop...

Тупо обернуть инициализацию.

Почему не работает корректно плагин isotope на Iphone и Android?

Но это не факт, что будет работать, надо попробовать.

Почему не работает корректно плагин isotope на Iphone и Android?

Alex_vs_Predator, имею в виду сделать такое:

.quest-block__link {
position: relative;
margin: 0 auto 27px;
}

.quest-block__link:before {
content: "";
display: block;
padding-bottom: 141.3242%;
}

.quest-block__link img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Почему не работает корректно плагин isotope на Iphone и Android?

Alex_vs_Predator, в вообще, быстрый фикс — сделать блок с замком соотношения сторон, а картинку — на абсолютном позиционировании внутри.

Почему не работает корректно плагин isotope на Iphone и Android?

Alex_vs_Predator, MIUI — абсолютно и полностью Android.

Я посмотрю, что в Safari сегодня. У вас, кстати, нет доступа к Safari?

Почему не работает корректно плагин isotope на Iphone и Android?

В Android Chrome всё в порядке:


Ну а проверить остальное не могу, так как в пути.

Актуален ли IE11 в 2019м?

Ваш вопрос обречён, потому что всё зависит от задачи и пользователей. Иногда нужна поддержка даже какого-нибудь IE9.

А такая идеальная картина, которую описали вы, — это утопия.

Gulp slick-carousel кривая работа или руки?

Ислам Гаписов, панель разработки что-то говорит, есть там вообще стили нужные для DOM слайдера после Gulp?

Gulp slick-carousel кривая работа или руки?

Наверное, что-то происходит не так.

Ну вот вы сами-то разобрались с такой проблемой без кода конфигурации Gulp? Если не хотите присылать, то смотрите в первую очередь на очередность соединения ваших CSS-файлов, если какой-то файл должен перезаписывать другой, он должен идти после. Но ещё у меня подозрение, что стили Slick вообще не применяются, т. е. их нет.

Как сделать так чтобы строка не прилипала к контейнеру?

SonyFan23, может, ссылку на сайт? Как увидеть проблему-то?

Как сделать текст на сайте https://donuzlav.com одинаковым в разных браузерах?

Вы думаете, это самая главная проблема в дизайне данного сайта?

На что больше ориентирован рынок для frontend разработчика?

l0crian, одно можно сказать точно — всё сразу делать невозможно. А чем заниматься — тут только сами решайте: front-end или же back-end.

Профессионалы что в той области, что в другой — востребованы.

Разные hover эффекты в один блок?

Даниил Вайс,

Разные hover эффекты в один блок?

У меня вопрос: зачем вообще тут JS?

CSS3 можно ли как-то тексту логотипа задать 3 разные цвета?

Это можно было сделать даже с помощью CSS 1.

Как расположить категории в одну строку?

Александр Коновалов, а-а-а, извините, я не понял задачи.

Как расположить категории в одну строку?

Александр Коновалов, на обёртку элементов списка, конечно же.

Как расположить категории в одну строку?

display: flex;
justify-content: space-between;
align-items: center;

Нормально ли делать так - html{min-width:500px}?

Roweb, если у вас не стоит meta-тег

<meta name="viewport" content="width=device-width, initial-scale=1">

— то, понятное дело, будет работать, но если он стоит, работать это не будет. У вас будет тупо подстраиваться под это дело.

Если же у вас сайт построен адаптивно, а вы внезапно поставили минимальную ширину, то на разрешениях меньше 500px будет горизонтальный скролл.