Есть ли бесплатный статический хостинг с загрузкой через браузер?

Никто не мешает загружать файлы на Гитхаб через браузер.

Интересует почему не работает space-between. в блоке card__inner?

Обведите card__inner рамочкой, всё сами поймете.

Интересует почему не работает space-between. в блоке card__inner?

jsfiddle не работает в России. Соответственно, если хотите от нас ответов, используйте другие песочницы, например, codepen.io

Как прижать кнопку к низу блока?

Карточке флекс колонками, кнопке margin-top: auto.

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

Genri_Rus, мне не очень хочется смотреть видео.
Если его решение вас устраивает, возьмите и сделайте.

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

Genri_Rus, по-моему, вы пошли по кругу.

Вам нужно, чтобы пункты + отступы слева и справа были равны. Любым способом. Я уже рассказала разные. Выберите наиболее приятный и сделайте.

ну допустим в макете так или тут отличается?

Кто от кого отличается?

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

Genri_Rus, тут геометрия с арифметикой,а не верстка

Новичек и жестко нагородил с первой секцией. При уменьшении разрешения съезжает фон в левую сторону. Можно ли исправить не переписывая все?

При уменьшении разрешения съезжает фон в левую сторону. Можно ли исправить не переписывая все?

Логично.
body по ширине экрана и фон тоже.
Содержимое не влезло и вывалилось из блока, которому фон.

У вас нет ни одного свойства или правила, которое бы сказало перестраивать или переносить непоместившиеся блоки при уменьшении размера вьюпорта.
Т.е. допишете правила для адаптива и всё будет хорошо.

Будет неплохо, если по дороге почитаете про семантику и подумаете про лишние теги.
Например, зачем одному заголовку целых 3 обертки и ещё один пустой тег, итого 4 тега, когда достаточно одного тега h2 и псевдоэлемента. И т.д.

Кстати, sass не имеет отношения к вопросу, ведь проблема у вас не с ним, а с обычным css.

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

Genri_Rus,

А как вам такой вариант?)

Поставьте в него реальные тексты и узнаете.
И он ничем глобально не отличается от предыдущего, где лого было внутри nav и потом один список.

Задавать position: fixed обоим меню?

Я даже не знаю, что в макете.
Может, всему nav. Или гридом, а не fixed. Или скрыть всё и показывать только меню. Или ещё как-нибудь.
Просто так, без макета, я могу вам тут нафантазировать кучу вариантов. Только этот вопрос уже превращается в мою домашнюю работу.

Вам нужен ИЕ, если правильно понимаю ваши страдания? Можно взять и показывать им меню по-другому. Ведь мобилкам мы показываем содержимое не так как на десктопах, почему бы не применить эту же идею для ИЕ.

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

Антон Литвиненко, да, Антон, спасибо, всё верно :)
Genri_Rus, в разметке в начале, потом order.

Как расположить слайдер как на скриншоте, если основной контент ограничен по контейнеру?

Например, задать ширину и отриц margin.

Другое дело, что, вероятно, при сдвиге слайдов, левые тоже должны выйти за контентную область.

Погуглите и тут поищите - это частый вопрос.

Есть ли браузерное дополнение для отображения UI-сетки?

Айнур Ярулин,

отображать GRID сетку на сайтах

Начните с простого, со слова grid.
Можно добавить слово bootstrap.

Как исправить данную проблемс в HTML?

Сергей delphinpro, у меня было желание поёрничать по поводу того, сколько проблем я вижу на этом скрине, но что-то устала )))

Как исправить данную проблемс в HTML?

Позиционировать гридами, а не абсолютом.

Есть ли браузерное дополнение для отображения UI-сетки?

Есть ли браузерное дополнение для отображения UI сетки?

Ничего из магазина расширений не помогло? Что пробовали и по какой причине не подошло?

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

Genri_Rus,

Правильно ли так сделать?

Нет, потому что лого будут по центру только при раной ширине пунктов меню.

Вам нужен либо грид либо задавать ширину спискам (через calc и всё время помнить ширину логотипа либо на js).

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

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

Genri_Rus, погуглите про display contents

Как правильно написать grid для таких элементов?

Поддерживаю Сергея

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

Genri_Rus, тут у дизайнера заметные проблемы с симметрией.

Я вижу два глобальных варианта:
1. Изменить разметку. (Разбить на два списка)
2. js

Смесь этих вариантов: включить лого в список и js.

Кстати, показали бы сразу то, что вам на самом деле нужно, оба потратили бы заметно меньше времени.

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

Genri_Rus, как вам удобнее