Как настроить vs code HTML?

А что не так он делает? У этого плагина же есть настройки — настройте под себя.

Я вот этот использовал, когда пользовался VS Code:
https://marketplace.visualstudio.com/items?itemNam...

Заходите в файл настроек и настраиваете под себя.

Как добавить треугольную границу в css?

Brad9aga, полный размер родительского блока — это от 0% до 100% по обеим осям. Ставишь в них точки с координатами X и Y друг за другом, создавая область обрезки.

Потренируйся тут, в визуальном редакторе:
https://bennettfeely.com/clippy/

Как сделать медиа квери только для мобильных?

LissaAlbatross, возможно, что кэш. Пусть смотрит в инкогнито. Либо поставьте версию для CSS.


До этого все заголовки были огромные, сейчас всё нормально.

Лучше сначала пройдите курс какой-нибудь, чем заказы принимать, это очень опасно пока с вашими знаниями. Но в любом случае — желаю удачи.

Как добавить треугольную границу в css?

Brad9aga, вот тут пример с clip-path:
https://stackoverflow.com/questions/13774952/makin...

Это один из вариантов с ним.

Там же есть и с градиентом пример, кстати.

Как сделать медиа квери только для мобильных?

LissaAlbatross, как не отображался? Отображался на телефоне. Шрифт на моём телефоне имел размер 2em.

Теперь же всё нормально, шрифт отображается нужного размера.

Как сделать медиа квери только для мобильных?

LissaAlbatross, можно и так сказать, вот только про 480 пикселей там уже устаревшее. Это старые устройства, новые же имеют по 600–1000 пикселей ширины в портретном режиме, ибо экраны больше стали.

Советую пока забить на портретный режим телефонов. Там много отступлений для него. У вас там будет на большинстве запускаться вёрстка под планшеты в портретной ориентации. Потом уже точечно можете править сомнительные моменты с помощью комбинирования выборки по ширине и высоте.

Как сделать медиа квери только для мобильных?

LissaAlbatross, Chrome. В Firefox всё то же самое.

Да, точно, это другой файл к тому же. Не знаю, что за файл, смотрите сами. Если это файл со сбросами стилей, то, если что, алгоритм тот же — нужно разместить его перед основным файлом.

Как сделать медиа квери только для мобильных?

LissaAlbatross, стили медиазапросов должны идти после основных стилей. У вас же наоборот: основные стили на строке 128, а медиазпаросы почему-то на 32-й:

Как добавить треугольную границу в css?

Joulence, безопасный метод — картинкой на фон (SVG). Картинка очень маленькая (115 байт), поэтому я её в base64 закодировал прямо в CSS:


Более продвинутые методы — через clip-path (если нужна именно обрезка) или с помощью градиента, чтобы быть типа крутым.

Как добавить треугольную границу в css?

Brad9aga, возможно, у него неправильно картинка прогрузилась. Ждём комментария автора.

Как добавить треугольную границу в css?

Где граница? Какая граница? Вижу только белое пустое пространство под блоком.

https://hsto.org/webt/5d/43/1d/5d431d64805bc913865...

Как сделать медиа квери только для мобильных?

LissaAlbatross, какие правки вы делали и что из этого не работает? Укажите номер строки кода, например.

А вижу, подскажу через 40 минут, как дойду домой. Пока что с телефона пишу.

Как сделать медиа квери только для мобильных?

LissaAlbatross, нет, неправильно. Это уже планшеты.

Самый большой — не знаю, я видел что-то из разряда ~500px. Изучайте рынок устройств. Самый широкий viewport у iPhone, например, — это 414px в портретном режиме (Plus'ы и XS Max).

Но! Получается пропасть между условными 500px и 768px (планшеты, iPad портрет). Поэтому я ставлю универсальные max-width: 767px для телефонов. Это учитывает практически все телефоны и планшеты, кроме, по сути, 7-дюймовых старых планшетов на Android (там 600 px по ширине, поэтому там будет мобильная верстка). Так что совсем не страшно, ибо на рынке их нет уже.

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

Как сделать медиа квери только для мобильных?

LissaAlbatross, такого мобильного 1080px не бывает. Даже если у него по ширине экран имеет 1080px, объясните ему, что физическое разрешение экрана — не то же самое, что viewport в браузерах.

Пришлите сайт, кстати. Вы могли тупо неверно поместить ваши правки в иерархии кода, поэтому он их и не видит.

Как растянуть див-обертку на 100vh, при этом чтоб независимо от контента футер был всегда внизу (абсолют не предлагать)?

Я использую такой подход:
Как прижать подвал к низу страницы и при этом оставить событие scroll работоспособным?

Он учитывает схлопываемые панели управления браузеров на мобильных (iOS Safari и Android Chrome). Иначе, если просто 100 vh и если нет контента, всё равно можно будет немного прокрутить в этих браузерах страницу, пока интерфейс не схлопнется.

Есть html+css и больше ничего, как заменить маркер li на свой div?

https://codepen.io/sawmac/pen/txBhK

Меняете содержимое псевдоэлемента на своё.

Как убрать исчезновение стрелок Slick?

У вас проблема либо с CSS, либо с JS.

Пришлите ссылку на сайт.

Почему классы в адабтиве изменяют значение классов в десктопной версии, и в коде элемента десктопные классы оказываются перечеркнутыми?

Потому что.

А где код?

Почему margin не работает?

Brad9aga, согласен, но сказанное до этого это не отменяет.

Почему margin не работает?

Уточняю, что margin: 0 auto; — это не неправильная запись. А лишь более полная, которая говорит, что margin-top и margin-bottom имеют значение 0, т. е. задает автоматические отступы только по горизонтали.

Может быть полезно в ряде случаев. Ну и более того, обычно так принято писать, чтобы выровнять горизонтально типичный блочный элемент в обычном контексте. Иначе при ряде обстоятельств можем получить ненужное выравние и по вертикали.

У некоторых версий IE11, кстати, есть проблема с пониманием margin: auto в любом контексте из-за бага с работой auto для вертикальных отступов, поэтому там для горизонтального выравнивания будет работать именно margin: 0 auto.