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

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 использовали? Покажите код инициализации. У них у всех давно есть всё нужное для адаптивности. И процентны, и расстояние между колонками, и адаптивность как таковая.

Отделение модификатора по БЭМ: нижнее подчеркивание или два дефиса?

Честно, не знал, что это так они советуют. Постоянно вижу и сам использую --.

А вообще, они и сами говорят, что эти символы вы можете поменять на свои. И в целом модифицировать нейминг, как вам угодно, оставив сам принцип.

Даже так — это BEM:
.block-partElement-partModificator-part

Разработчики резвятся как хотят.

Существуют ли сайты, которые созданы в Elementor и от которых сносит крышу?

lexenergy, простите, но я ничего не понял. При чем тут мои руки? Либо же неверно поняли посыл моего ответа.

Что делать, если в макете боковая панель находится внутри тега main?

main замените на div.

«Ещё контент» — это main.

CSS как уловить нажатие на кнопку через инспектор?

html-css, не за что :))

CSS как уловить нажатие на кнопку через инспектор?

:active, может быть?