Не реагирует на изменение media стилей. В чем ошибка?

Амир Алимжанов, Буду благодарен, если дополнишь критикой по самому коду в html, учусь еще...

Не реагирует на изменение media стилей. В чем ошибка?

Амир Алимжанов, Сверху есть ссылочка на github. там весь scr

Не реагирует на изменение media стилей. В чем ошибка?

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

Куски кода

Пробельчик

К слову, если это хоть как-то поможет, к html подключена библиотека bootstrap-grid.min.css

Не реагирует на изменение media стилей. В чем ошибка?

Владислав Лысков, Так в самом файле у меня нет этой строчки, что странно - я заменил тэг
<h4></h4> на <h2></h2> и заголовки теперь отзываются на изменения

Не реагирует на изменение media стилей. В чем ошибка?

Владислав Лысков, Нет, серьезно. Я только учусь...

Не реагирует на изменение media стилей. В чем ошибка?

Сергей delphinpro, be_a_man, https://github.com/Flareonn/goodCardboard.git

Bootstrap-верстка. Блок равен длине текста, как исправить?

Pavel Kuzyakin, Да, именно то, что он меньше по высоте. Не хочу придумывать костыли

Критика, критика. Начинающий в сфере front-end разработки. Все-ли я делаю правильно?

be_a_man, Спасибо

Критика, критика. Начинающий в сфере front-end разработки. Все-ли я делаю правильно?

s0xzwasd, Да, я принялся его сравнивать, по весу - идентичный.

Критика, критика. Начинающий в сфере front-end разработки. Все-ли я делаю правильно?

s0xzwasd, Программа работает только на OC Linux. Для Windows предложена альтернатива - FileOptimizer, скачал его, однако на выходе получаю файл такого же размера с разрешением .jpg.bak

Все никак не могу управиться с тэгом picture

<picture class="header__logo">
							<source srcset="img/header-logo-mobile.png" media="(max-width: 576px)">
							<img src="img/header-logo-mobile.png" alt="Лого">
						</picture>

На сайте отображается криво

Критика, критика. Начинающий в сфере front-end разработки. Все-ли я делаю правильно?

s0xzwasd, огромное спасибо за уделённое время

Критика, критика. Начинающий в сфере front-end разработки. Все-ли я делаю правильно?

Атланта, огромное вам спасибо, приду домой буду разбираться

Критика, критика. Начинающий в сфере front-end разработки. Все-ли я делаю правильно?

Pavel Kuzyakin, недели две, это вроде бы bootstrap подставил тэг

Критика, критика. Начинающий в сфере front-end разработки. Все-ли я делаю правильно?

Атланта, любые

Критика, критика. Начинающий в сфере front-end разработки. Все-ли я делаю правильно?

1. Одностраничный проект.
2. Исправлю, спасибо.
3. До этого момента не знал о таком шрифте совсем, есть статейка или может сами имеете свободную минутку рассказать как им пользоваться и... как вставить его в свой документ.
4. Спасибо, добавлю в избранное.
5. Да, действительно.
6. Я с этими коробками и сидел все эти дни. Круг позади них ранее был объявлен псевдоэлементом

&::before
                        content: ''
			top: -165px
			left: 50%
			margin-left: -41%
			/* Выравнивание круга */
			width: 390px
			height: 390px
			/* Фиксированная высота и ширина для круга */
			border-radius: 50%
			border: 1px solid #ffffff
			z-index: 1
			/* Ставим блок поверх другого */
			display: block
			position: absolute

А после просто заменил на блок <div class="main-img__wrap">(Тот же код)</div>
7. Будет сделано
8. Это только для экранов 1200 и более?

Критика, критика. Начинающий в сфере front-end разработки. Все-ли я делаю правильно?

Делал все по макету, предложенному в курсе.

1. Чем можно ужать изображение, не подскажите?
4. Как понял просто разрешения другие поставить?
5. Чтобы было удобнее редактировать блок, по крайней мере, преподаватель делал так.
6. Тоже самое.
7. Не знаю расшифровки БЭМ, да и вообще, что это значит?
10. С этим особая проблема. Когда адаптировал под планшетные (max-width: 768px), все вроде бы шло нормально, но когда я сделал на один пиксель поменьше он тут же все наворачивал. То-есть для 768 отдельные стили пришлось писать, а для того, что меньше 768 - писать max-width. Если объяснил непонятно, у меня в _media.sass видно как это все сделано. Очень нуждаюсь в консультации по адаптивной верстке, как лучше и т.п, может есть статья какая?
11. Лого бэграундом, потому-что преподаватель на курсе сказал: "так нужно для мобильной версии". на <320px лого меняется на упрощенное. Я так понял, есть какая-то более оптимальная альтернатива?
12. Не совсем понимаю что означает иконочный шрифт. Может я с утра по-раньше туплю... Как я и предупреждал в заголовке - я начинающий в этом деле, и еще многого не знаю/понимаю.