Похоже ли то, что я написала, на код, написанный по БЭМ?

chirihachirini, толку тебе от этого примера, когда поймешь что такое - бэм нейминг. Сама так же будешь писать... xD

Похоже ли то, что я написала, на код, написанный по БЭМ?

Блок нужно называть не как угодно , а называться так - что он характерезует !
И при названии блока - блок отвечает на вопрос - что это. Использование дефисов или нижних подчеркиваний в названии блок - это уже кому как нравится.
Если не удается в 1 слово охарактеризовать блок - пожлауйста дефис в помощь.

Похоже ли то, что я написала, на код, написанный по БЭМ?

кстати

<link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap" rel="stylesheet">

Стили/шрифты подключаются в теге head

Похоже ли то, что я написала, на код, написанный по БЭМ?

https://ru.bem.info/methodology/naming-convention/
https://habr.com/ru/company/yandex/blog/276035/

Всё ты написала не правильно , по сути это у тебя всё блоки ...
По сути нужно прочитать и понять что такое блок, что такое элемент и что такое модификатор и закрепить практикой. По факту я когда изучал бэм нейминг классов , я на это потратил пару часов. Потому что я еще комбинировал. Там в статьях найдешь инфу о комбинировании.
Самый огромный плюс в БЭМ это - специфичность элементов css - выбрасывается в помойку, это ты потом узнаешь к чему я это написал.

Как лучше подключать стили?

<link rel="stylesheet" type="text/css" href="main.css">

Как правильно сделать кнопку "Select all" для чекбоксов в React?

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

Фильтрация массива на совпадения?

Вот представь что есть массив в котором 3 элемента

let arr = [ ["british", "classic-rock"], ["pop"], ["rock", "classic-rock"] ]

А вот и элементы этого массива

["british", "classic-rock"] 
["pop"]
["rock", "classic-rock"]

Нужно этот массив arr отфильтровать по другому массиву
["british", "pop"]

Если в ЭЛЕМЕНТЕ массиваarr есть что-то из ЭЛЕМЕНТОВ массива
["british", "pop"], то этот ЭЛЕМЕНТ массива arr - оставляем.
Если ЭЛЕМЕНТ массива arr не содержит то он нам не нужен.

И того на выходе должен получиться отфильтрованный массив

let filteredArray = [ ["british", "classic-rock"], ["pop"] ]

Почему такой именно отфильтрованный массив? потому что в массиве arr[0][0] == ["british", "pop"][0] и arr[1][0] == ["british", "pop"][1]

Фильтрация массива на совпадения?

Принимай исправленную версию вопроса.

Как парсить xml данные по url?

fetch('https://www.cbr-xml-daily.ru/daily_json.js')
.then(res => res.json())
.then(result => console.log(result.Valute))

Как парсить сайты на JS?

MyQuestion, я оставлю это сдесь , мало ли пригодится, недавно как раз выполнял тестовое задание по валютам.
https://www.cbr-xml-daily.ru/daily_json.js

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

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

Всё понял.

Как правильно запускать анимации, если требуется менять свойство display?

Сначала анимируешь исчезновение блока, потом задаешь ему display:none;
Чтоб показать блок, делаешь все наоборот. Задаешь ему display:block, а потом анимируешь его появление.
Тут нет ничего сложного или каких-то скрытых знаний, все просто и в лоб.

Плавный display none?

Где ошибка, при скроле не показывается header?

поменяй position: sticky; на position: fixed; что б не парить себе мозги

Можно ли тегу Html hr задавать класс?

Ankhena, + , это равноценно тому что бы стилизовать к примеру див, что бы он был похож на линию

Есть ли варианты сделать картинку лучше качеством?

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

Есть ли варианты сделать картинку лучше качеством?

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

Стоит ли разбивать css/js для разных страниц?

Fqwd123, если на всех страницах контент совсем разный, тот же хедер или футер - если разные , то лучше разные стили подключать , а так лучше один и тот же файл ко всем страницам , если есть блоки которые повторяются

Как сделать,чтоб nav скрывался через 5сек,после того,как он стал"виден"?

через анимацию , как он стал видел - пусть срабатывает анимация время которой будет = 5 секундам, и по их истечению - блок скрылся, нужно что бы анимация воспроизводилась 1 раз

Если будите реализовать показ nav через js, после того как будет появляться - вызываем функцию с задержкой "setTimeout" и по истечению задержки которую вы укажите nav - скрываем, можно через классы или кастомный аттриут - style

Как правильно перенести flex-элементы?

froggush, https://jsfiddle.net/s7z95ngj/

Как правильно перенести flex-элементы?

Кстати хочу отметить что схлопывание у флекс элементов друг к другу не работает, как можно заметить марджины между нижними и верхними = 20 а не 10, как между элементами