Не отображаются в браузере Сафари свг-иконки?

Максим Ленский, да

Как сделать выпадающее меню на чистом CSS таким образом, чтобы оно не закрывало контент?

если хочешь по простому, то только использоваться z-index для тех списков, которые перекрываются контентом, указываешь z-index: 1000; и всё, они имею высший приоритет

Не понимаю как закрыть адаптивное меню?

Сергей Карвасарный, да, я уже сделал с фоном, спасибо

Как такое сверстать?

если честно, мне кажется, что тут проще и лучше картинкой вставить просто

Подключение к Spotify?

знаете ли вы какие-то бесплатные впн для линукса?

IMG не подстраивается под ширину окна браузера?

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

IMG не подстраивается под ширину окна браузера?

Рустам Байназаров, в каком плане усложненный? пара классов стилей всего лишь. у обертки такой нейминг потому что там раньше не список был, когда в итоге изменил на список, решил имя оставить, потому что привык к нему, но да, в конце я его изменю, потому что он не отражает действительность. на счёт косого спорить не буду) код в песочницу я добавил позже, я не знал как вставлять картинку в песочнице, потом додумался и сделал, за это прошу извинить

IMG не подстраивается под ширину окна браузера?

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

IMG не подстраивается под ширину окна браузера?

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

Адаптив или отзывчивость?

Виталий а под какие модели в основном делают адаптивность?

Адаптив или отзывчивость?

Froggyweb тем не менее адаптивные сайты сплошь и рядом. Зачем их так усердно пилят?

Адаптив или отзывчивость?

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

Оцените пожалуйста верстку?

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

Нужно ли по БЭМ строчные элементы оборачивать в дополнительный блочный тег?

strelok011, ну ладно если дивами обложат 1-2 блока на сайте, но вероятнее всего с таким подходом весь html будет в сплошных дивах

Закинуть список в локалстор?

Andrey Suha для чего в json делать?

Для чего засовывают списки в nav?

Andrej Sharapov я это читал. я правильно понимаю, nav это чисто для семантики используется? больше ничего полезного оно не делает?

Валидна ли верстка?

Dima Polos это часть верстки, но я показал независимый блок. сомнения были на счёт вложенности в ссылках, спасибо.

Валидна ли верстка?

Alex, ой рассмешили))
не на то вы внимание обратили. и да, валидатор даже слова не сказал про заглушку)
меня интересует вложенность.

Как выровнять картинку ровно по центру (вертикально)?

SaddledSharp, дак ведь я дал вам ответ)
можно сделать на флексбоксах)

.container {
width: 100%;
margin-top: 50px;
}
div {
display: flex;
justify-content: center;
align-items: center;
}

Как выровнять картинку ровно по центру (вертикально)?

давайте начнём с того, что у гугла картинка далеко не по центру. если мы прожмём f12, то увидим, что у них есть контейнер, в нём есть блок с картинкой. контейнер расположен на всю ширину экрана, а блок с картинкой отцентрован при помощи margin 0 auto, а далее сам контейнер при помощи маргина оттолкнули на определенное кол-во пиксилей.