height 100% означает, что вы хотите получить 100% высоты родителя. Родители у .row это body и затем html, у которых вы забыли задать высоту (те же 100%) или минимальную высоту.
В вашем примере, без указания высоты 100%, красный блок все же тянется на всю высоту родителя из-за того, что .row это флекс контейнер, а у него по умолчанию align-items: stretch.
Они не должны ни съезжать ни уменьшаться, они должны перестраиваться, например, один под другой.
Читайте про адаптивную верстку и флексбоксы.
Если все же уменьшаться, а не адаптироваться, то поставьте meta viewport с фиксированной шириной (минимальной до которой сайт нормально ужимается, обычно она же задана основному контейнеру в max-width).
ibragim_pascal, Открываете инспектор кода, нажимаете на кнопочку и смотрите что меняется (а меняются там координаты). Потом смотрите как это написано в скрипте.
Сергей, я ни разу не богиня и косячу порой знатно и код пишу кривой, что самой страшно. Устала и поленилась сразу длинное объяснение писать.
Просто флоаты нужны не для этого. Ладно еще пока флексов не было.
Инлайн-блоки тут прекрасно подходят, если их на что-то менять, то на флексы.
Писать нулевой шрифт в данном случае тоже лишнее, потому что li'шкам все равно еще и отрицательный правый margin задан.
Конечный файл - один. Будет он лежать рядом или в своей папке зависит от сложности структуры проекта и планируемой судьбы.
Рабочих много, разложенных по папочкам.
В вебе очень редко задают фиксированную высоту. Разве что, 100vh, если это можно назвать фиксированной. Если нужно, то ее ограничивают минимальной и максимальной.
Обычно дают блоку увеличиваться по содержимому и пишут padding'и.
Так почему она может не отображаться, я так понимаю только у меня?
Браузеры не любят обновлять иконки.
Откройте ее в браузере по полному пути.
Потом обратно страницу и Ctrl+F5.
Иногда получается не с первого раза, сталкивалась с подобным.
В вашем примере, без указания высоты 100%, красный блок все же тянется на всю высоту родителя из-за того, что .row это флекс контейнер, а у него по умолчанию align-items: stretch.