Бордеры не на всю длину,как это исправить?

дайте codepen, постараюсь помочь.

Как зафиксировать, чтобы header был вверху, а footer внизу?

тогда еще как вариант - у рутового элемента (body, html, .wrapper - в зависимости от задачи) отключить вертикальный скролл совсем. добавить

overflow: hidden; height:100vh; //или 100% - в зависимости от вёрстки

а у блока .article наоборот добавить скролл

overflow-y: scroll;//или auto или overlay - что понравится
overflow-x: hidden;

Тогда скролл будет тянуться только по высоте .article, что визуально более правильно. Но сути не меняет.

Как прописать увеличение высоты активного элемента по hover?

ksenialershina, вы хотите, чтобы прям всё за вас сделали. Попробуйте сами разобраться. В том коде, к которому мы с вами пришли, можно добавить несколько строк стилей и всё будет "резиново" под любое количество данных в плитках. Еще совет - не сильно старайтесь соответствовать макету. Дизайнеры иногда такое наворотят, что не сверстать. Воюйте с ними, отстаивайте свою позицию, учите их как рисовать "верстабельно"

Как прописать увеличение высоты активного элемента по hover?

ksenialershina, просто сравните свои стили с моими, найдите отличия. Там на самом деле не сложно всё.

И касаемо вопроса об увеличении количества строк в описании. Конечно, изначально нужно учитывать, какое количество текста может быть максимальным и минимальным. Чаще всего выделяют ограниченное пространство (высоту), например, на 2-3 строки. И overflow: hidden. Если текста будет больше - остальная его часть будет скрыта, не сломает вёрстку. Если у вас в одной карточке 10 строк описания, а в других - по одной - то вопрос к копирайтеру, который составлял эти тексты. Вы тут не причём. Но оградить вёрстку от подобных ситуаций можно только жёстким заданием максимальных величин блока. А дальше пусть копирайтер с дизайнером думают, как правильнее разместить длинный текст там, где он не должен быть.

Как прописать увеличение высоты активного элемента по hover?

Доработал еще раз https://codepen.io/tsymbal_su/pen/xxWdEQx?editors=1100 гляньте.

Как прописать увеличение высоты активного элемента по hover?

ksenialershina, ааа, так это уже отдельная проблема. Это происходит из-за того, что в последнем правиле вы добавляли margin в 83 пикселя при наведении на карточку. закомментировал это правило, теперь не меняется высота. https://codepen.io/tsymbal_su/pen/xxWdEQx

Почему swiper сам по себе скачет с быстрой скоростью?

Максим Иванов, подключите стили свайпера для начала. Видно, что он пытается позиционировать слайд, но не может это корректно сделать. Я примерно с таким сталкивался при работе с другим плагином (slick). Тот тоже, пока стили не подключишь, непредсказуемо себя ведёт. Пойдите от обратного - подключите рабочий пример со всеми стилями, картинками и т.д. И убирайте потихоньку что не надо.

Почему swiper сам по себе скачет с быстрой скоростью?

Максим Иванов, ага, в firefox наблюдаю! В Chromium проблемы нет :)

Почему swiper сам по себе скачет с быстрой скоростью?

Максим Иванов, проблема, очевидно, не в том куске кода, который в codepen. Вы сами наблюдаете проблему в опубликованном вами codepen?

Почему swiper сам по себе скачет с быстрой скоростью?

дайте живой пример. в codepen ошибка не наблюдается. вообще ничего не наблюдается :)

Как прописать увеличение высоты активного элемента по hover?

ksenialershina, вы точно мой код смотрите? Могу вам видео прислать, при наведении на карточку увеличиваются границы только этой карточки.

Существуют ли игровые движки работающие с CSS анимацией, а не рисующие на Canvas?

Тоже всегда хотел написать какую-нибудь простенькую игру в связке html+css+js. Но CSS-анимации гораздо более ресурсоёмкие, чем canvas. Если змейку хотите сделать - чисто для опыта - без проблем.

Почему одинаковая верстка и стили выглядят по разному на проде и на локальном сервере?

wadowad, вариантов исправления - масса. подход с nowrap не очень правильный изначально. Это костыль, который порождает еще костыли, обслуживающие его. Это не хорошо. Лучше на уровне дизайна решить вопрос. Например, числа в скобках выводить с position:absolute на цветной подложке (типа, индикаторов). Так ширина будет всегда одинаковой и изменяться только при изменении формулировок. Эти вещи дизайнеры должны продумывать. Но в нашем случае, думаю, обошлось без дизайнера, раз такие вещи в скобки убирают.

Изменение высоты блоков от изменения размеров экрана CSS?

namby, https://codepen.io/pen/ - добавьте сюда ваши html и css, вышлите нам сюда результат (отредактируйте свой вопрос). Мы сможем работать с вашим примером, найдём решение.

Почему одинаковая верстка и стили выглядят по разному на проде и на локальном сервере?

wadowad, тогда панелька будет непредсказуемо растягиваться по горизонтали, появится горизонтальный скролл.

Почему долго открывается vs code?

Добрый день. Подскажите, получилось ли побороть эту проблему? Сталкиваюсь с ней ежедневно, тоже жутко раздражает. Плагины пробовал отключать - проблема не решается. Даже файл с одной строкой кода открывает секунды 3-4.

Почему в Safari обрезаются svg иконки?

Михаил, это не помогло. Решение описал в вопросе

Почему в Safari обрезаются svg иконки?

Михаил, Михаил, интересная идея. Похоже, у меня там везде inline-flex или inline-block. Надо будет проверить. Позже вернусь с ответом.

Почему в Safari обрезаются svg иконки?

Иконки не как <img> выведены, они подключаются из спрайта конструкцией <svg><use ...></use></svg>. Да, у меня всегда указываются оба размера. Конечно, бывает, что указываются в rem, а не px. Возможно, конечно, из-за этого. Но итоговые размеры всегда кратные - 12px, 14px, 16px, 20px и т.д. Не бывает значений типа 14.5875px.

Как залить фон у png изображения при помощи php?

Вещь!