Слайдер вложенный в слайдер. Как сделать чтобы css не распространялся на вложенный?

Snatch08, организуйте песочницу с вашим кодом.

Почему при обработке отсутствующего шрифта нет выбора?

khomaldi,


То есть, нельзя выбрать из любого шрифта на устройстве. Я не знаю, как это обойти, т. к. никогда не решал этот вопрос.

Почему при обработке отсутствующего шрифта нет выбора?

Объяснение этого процесса кроется в абзаце перед полями выбора.

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

https://www.stripe.com

:))))

CSS селектор по отображаемому тексту ссылки?

Anton Kravchenko, это невозможно на CSS.

Лишняя полоска?

RAX7, нормально всё, пиши ответ спокойно. Просто вместе со ссылкой.

Лишняя полоска?

Август Милович, это работает, потому что img — inline-элемент, который зависит от высоты строки. Ещё один способ решения проблемы:

img {
   display: block;
}

Но лучше vertical-align.

Популярный глобальный сброс тега img:

img {
   max-width: 100%;
   height: auto;
   vertical-align: middle;
}

Как переместить слово вверх?

Шохрух Шаймардонов, LOL. Автор вопроса, судя по всему, тот ещё Шерлок.

Хотелось бы понять что люди называют большим проектом в веб-разработке. Примеры?

Google, Yandex, Facebook, ВКонтакте, AliExpress.


Ладно-ладно, я шучу. Это уже сверх-большие.

Ну, к примеру, Toster тот же. Это большой проект.

Как поменять фон у маски?

caof19, но лучше использовать SVG#use из внешнего файла (требует простой полифил для IE11 и EDGE 12–15):

Подробнее о преимуществах:
https://www.keycdn.com/blog/icon-fonts-vs-svgs

Полифил:
https://github.com/jonathantneal/svg4everybody

Как поменять фон у маски?

caof19, конечно, вы можете сделать любой иконочный шрифт сами, например, с помощью:
https://icomoon.io/app/#/select

Либо с помощью сборщиков а-ля Gulp (куча плагинов для них).

Как поменять фон у маски?

caof19, вот пример SVG#use, но не из внешнего файла:



Как видите, в таком случае все эти манипуляции с цветами и стилями очень простые. Осталось заменить на вызов #use из внешнего файла.

Как поменять фон у маски?

caof19, FontAwesome — лишь готовый набор шрифтовых иконок. Его можно сделать самому. Либо, что лучше, использовать SVG-спрайт с иконками в symbol и обращаться к ним через разметку.

Последний подход использован, к примеру, на Toster. Все иконки — вызываются из общего файла на сервере.

Как поменять фон у маски?

caof19, у меня такой вопрос, а иконка должна обязательно быть фоном? А то так обычно не делают.

Делают либо вставку иконки с помощью либо svg#use, либо с помощью шрифта (шрифтовые иконки). И с таким подходом всё сильно упрощается.

Да, и обязательно указывайте в сообщении никнейм через @, иначе адресат не видит вашего сообщения в уведомлениях.

Важна ли вёрстка работодателю?

Herr_Konrad, не за что!

Как поменять фон у маски?

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

Есть подозрение, что вам тут вообще маска и это всё не нужно.

Важна ли вёрстка работодателю?

Вставлю свои три копейки :))

Нормальный презентабельный вид — это тоже важно, даже если вы backend-разработчик. Это показатель того, как вы относитесь к задаче, какой бы она не была.

Если не хотите заниматься вёрсткой и дизайном сами — это абсолютно нормально, на мой взгляд. Вы можете либо нанять кого-нибудь, либо — сделать всё на CSS-фреймворке, как предложил Sanes (и я с ним согласен).

Тот же Bootstrap в стоке имеет сильную IT-направленность в плане дизайна. Для него же есть и готовые дизайн-системы а-ля
https://github.com/creativetimofficial/argon-desig...

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

Не могу разобраться с media запросом, как обозначить: НЕ для смартфонов?

VegasChickiChicki, если ничего не изменилось, то media-запросов, которые бы таргетировали конкретно телефоны, до сих пор нет.

Кроме того, screen и only — прочитайте о них. Последний в целом не нужен уже. Первый тоже обычно не используют, а таргетируют тот же print точечно.

Вот так выглядит современный вид стандартного media-запроса на основе ширины экрана:

@media (max-width: 100px) {

}

Не могу разобраться с media запросом, как обозначить: НЕ для смартфонов?

Вы неверно понимаете screen.

Screen — это всё экраны. Тем самым мы экранирует данный код от применения на другом типе носителей — при печати (print), например.

Три колонки с разной высотой?

Какой Masonry использовали? Покажите код инициализации. У них у всех давно есть всё нужное для адаптивности. И процентны, и расстояние между колонками, и адаптивность как таковая.