Почему background-image: url применяется только для body?

amatjkay, и осталось ответ отметить решением и будет вообще хорошо :)

Почему background-image: url применяется только для body?

amatjkay, )))))
Читайте спецификацию и попроходите отсюда курсы https://htmlacademy.ru/courses есть бесплатные и платные по подписке. Не дорого и оно точно того стоит. Еще многое прояснится.

Почему background-image: url применяется только для body?

amatjkay, потому что для вставки кода есть специальная кнопочка

Почему background-image: url применяется только для body?

amatjkay, ну и где единицы измерения?

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

Antonio09, отлично!

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

Antonio09, https://jsfiddle.net/7qf39bs8/ цвета, чтобы вам понято было

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

Antonio09,

вот я убираю .features__box{
height: 100%;}
но результат еще хуже

Логично.
100% это высота родителя. Но в родителе есть еще что-то, поэтому выходит дичь.
Значит, нужен flex и flex-grow.

так вроде для браузера это мелочь сейчас
разве нет?

Пройти метр вроде мелочь. Но если таких мелочей 60 тысяч, то это уже 60км. Кто-то пройдет, кто-то даже пробежит, а кто-то нет.
Зачем делать лишнее и уродское?

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

Antonio09,

вот я пробую бордером

Ну прекрасно. border всегда на всю высоту элемента.
Что значит учитывает чужой margin? Если margin убрать ничего не изменится (для высоты бордера).

p.s. width: calc(100% / 4); Просто 25% не написать? Зачем заставлять считать браузер при каждой загрузке страницы?

p.p.s. разъясните мне, Antonio09 и olya_097 это одно лицо?

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

Если на всю высоту, так и задавайте border, а не лишние псевдо с абсолютами.
И уточните на всю высоту кого.

Как сделать адаптивным страницу?

Современным браузерам нужны шрифы в форматах woff2 и woff

Здравствуйте, подскажите как сделать чтобы страница на всех мониторах открывалась в зоне видимости, без прокрутки?

Вариантов несколько:

1. Задать meta viewport с фиксированной шириной. Тогда на мобильных устройствах сайт будет отмасштабирован к этой ширине.

2. Комбо разных действий, таких как:
Задать

<meta name="viewport" content="width=device-width">

Не задавать фиксированную в px ширину, заменить на %.
Использовать флексы, гриды.
При сужении экрана смотреть, чтобы ничего не развалилось.
В местах слома использовать @media и переписывать правила.

Хорошо бы при этом использовать подход mobile first, а не плясать от десктопа.

Более конкретные рекомендации по ходу дела с вашим примером в песочнице.

Меню из нескольких колонок с группировкой пунктов?

0. Хорошо меню делать списком, а не дивами, тем более не дивами с br.
1. JQ плагин masonry
2. CSS columns

Как нарисовать нижнюю часть круга?

Programmir, в следующий раз прикладывайте картинку. Ответ был бы значительно быстрее и не пришлось бы гадать.

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

Только я бы упростила все эти псевдо с абсолютами и сделала просто фон диву

div{
  width:300px;
  height:300px;
  background: linear-gradient(rgba(0, 0, 0, .5) 30%, transparent 30%, transparent 70%,rgba(0, 0, 0, .5) 70%), 
  linear-gradient(to left,rgba(0, 0, 0, .5) 30%, transparent 30%, transparent 70%,rgba(0, 0, 0, .5) 70%) no-repeat center / 100% 40%;
}

https://jsfiddle.net/8kyfs5d4/1/

Какая ошибка в коде на проверку на валидацию?

Tempest99, возьмите section, который начинается в 392. Посчитайте открывающие div и закрывающие. У вас их разное количество. Найдите и закройте недостающий.

Какая ошибка в коде на проверку на валидацию?

Валидатор вам даже строки указывает с ошибками.
jsfiddle тоже подсвечивает красным.
Написано, в 393 строке есть div, который не закрыт. Закройте его.
И т.д.

Как нарисовать нижнюю часть круга?

Programmir, так чтоль: https://jsfiddle.net/4t7xpLa9/ ?
Возможно, будет удобнее радиальный градиент для псевдо задавать, а не для всего блока.

Как нарисовать нижнюю часть круга?

Programmir, код в песочницу, картинку-образец сюда.
Через 3 часа приду - посмотрю, что там.

Как нарисовать нижнюю часть круга?

Programmir, размойте его чуть чуть, будет гладкий.

Как нарисовать нижнюю часть круга?

Programmir, альтернатива svg

Как нарисовать нижнюю часть круга?

Programmir, ну нет, так нет )))
Вы бы лучше картинку приложили, чтобы было понятно кто куда выпирает и что такое "высота от крайних точек до центра", если речь не о радиусе.
Например, (параметры дуги могут быть разными, в примере высота скругления не должна была изменяться, а радиус меняется)