Как сделать фокус в выпадающем меню при tab?

Grep1, на main-menu-catalog

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

Armen Khachikyan, отлично, особенно учитывая, что в том коде, который вы показали вообще нет min-width

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

У вас в коде

width: 100%;
    padding-right: 15px;
    padding-left: 15px;

вот на эти 30 точек и не влезает.
Используйте box-sizing: border-box.
Либо не указывайте ширину 100%, она сама подстроится.

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

Варианта 2.
Либо вы показываете свою верстку.
Либо самостоятельно по одному удаляете сначала крупные блоки и ищете виновника. Потом повторяете для его внутренних элементов.

Почему iframe не растягивается, как блок рядом с ним?

уберите align-items: center;
либо задайте высоту карте

Как сделать, чтобы всегда был отступ от блока?

tkachenkoaanna097,
Я за padding у родителя, а не margin у ребенка.
Сейчас у вас у account__image задан флекс (вообще лишний, кстати, в этой ситуации) и только это спасает от схлопывания вертикальных margin.

И вы забыли учесть box-sizing. Сейчас ваш блок в результате вовсе не 50%. Т.е. либо задать border-box либо вычесть паддинги из ширины.

Как сверстать блок с iframe?

tkachenkoaanna097, отлично! К этому очень хорошо применяется написанное выше.
Флекс для .main-footer и далее по сценарию.

Как сверстать блок с iframe?

tkachenkoaanna097, флекс родителю, два ребенка: блок и карта. По вертикали по центру.

Или я как-то не так поняла проблему?

Как убрать рамку слева и справа у тега video?

У самого тега видео рамок/отступов по умолчанию нет. Но это инлайновый тег и после него могут быть пробелы.

Поэтому, выкладывает ваш код с видимой проблемой в песочницу jsfiddle.net или codepen.io или публикуйте ссылку на сайт.

Как на flex cделать такой блок?

К вопросам WapSter я добавлю еще пачку:
1. Зачем флекс колонками для card, если внутри два дива, которые и так встанут в столбик?
2. От чего, по-вашему, браузер должен взять 50% высоты, если у родителя этого высоты не задано?
Если непременно нужно, чтобы блоки были одинаковой, но заранее неизвестной высоты, то используйте grid и единицы fr.

Как сделать, чтобы всегда был отступ от блока?

tkachenkoaanna097,
ширина 50%, отступы внутри
и верхний и нижний отступ, чтобы было видно картинку
https://jsfiddle.net/rjkfxtca/

Как сделать, чтобы всегда был отступ от блока?

tkachenkoaanna097, так слева расположить или чтобы отступы были?
Ну или не делайте отступ слева.

на 50% ширины экрана

У вас на 70% в коде.
И на 50% на мобилках это совсем узенькая полоска. Уверены, что так нужно?

А лучше покажите картинку как должно выглядеть.

Как сделать, чтобы всегда был отступ от блока?

Как сделать, чтобы всегда был отступ от блока?

Например, задать отступы, убрав абсолют с трансформом.

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

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

Мухаммад Магомедов, если цвет линии совпадает с цветом букв, то можно не псевдо, а просто градиентом в фоне.
Если не совпадает, то псевдо.

Как с имитировать отображение сайта как на планшете?

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

Возможно, у вас включен режим чтения.

От себя могу только сказать: пишите прямо и четко, что он должен делать: семантика и стили.

Как с имитировать отображение сайта как на планшете?

Анатолий, на кой черт вы вообще это пишете

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video

Шрифт задается для html и/или body, а потом переопределяется для нужных элементов. Инпутам, кнопкам и т.д. пишут inherit для наследования от родителя (если ненужно менять), потому что по умолчанию они этого не делают.

я не знаю, как это проверить в мобильной версии, но сам я ничего там не менял

Зайти в настройки и посмотреть.

И не забывайте менять версию css файла, чтобы не возиться с кэшем на планшете/мобилке.
style.css?v123

Как с имитировать отображение сайта как на планшете?

Анатолий, Я посмотрела код. Воспроизвести проблему у меня пока не получилось.
Для первого теста попробуйте вот что:
уберите font-size: calc(.5vw + 1.5rem);
и задайте для дива и инпута размер шрифта в px и целыми числами.
Для начала одинаковыми, потом разными.
Просто округлите сами те значения, которые получаются сейчас.

И я не заметила ответа на вопрос, проверили ли вы все настройки в браузере, чтобы там стоял масштаб 100% без всяких фокусов для особых потребностей.

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

artem,

Вы говорите, что под словом выучил нужно уметь решать 100% повседневных задач, но это не уровень Бог?

Нет, уровень бог решает не только простые повседневные задачи.
Мало того, что решает простые сотней способов, справляется с большинством сложных, а также в курсе всех проблем в смежных областях.
Попробуйте ответить на все вопросы по тегам html, css, верстка и т.д. Это, кстати, очень полезное занятие, довольно быстро и заметно расширяет кругозор.

Ну не интересно, так не интересно. И я бы даже удивилась, если бы вы написали обратное )))) Тоже всегда говорила, что свои шишки пойду набивать сама. Но справедливости ради, хочу сказать спасибо своим учителям (привет, учителя) :)

Так что не злитесь ни на меня ни на других отвечающих, корыстных целей тут нет, в основном, желание помочь, иногда решением, иногда намеком на него или ссылкой в какую сторону копать.

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

artem, да нет, всё не так )))). Я понимаю, что школа для вас еще не закончилась и там другие понятия типа сдал-забыл. И сейчас ваше главное умение это умение огрызаться. Все такими были, это нормально )))

Выучил верстку или не важно что это значит выучил навык. Т.е. по крайней мере умение решать 100% повседневных задач. Я не говорю про уровень бог.
Никому не интересно, что вы правильно умеете писать justify-content. Нужно, чтобы вы понимали, когда его нужно применять, когда не нужно и какие побочные эффекты можно получить.
И, вы меня простите, сейчас в коде ошибки, которые не тянут на "выучил" даже в школьном понимании этого слова.

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

artem, а точно, это ш ваши шикарные вопросы вчера были ))))

Ладно, читайте, смотрите современные актуальные уроки, развивайтесь. (Только больше не пишите, что выучили верстку, засмеют)