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

Для того чтобы сделать блок на странице на всю высоту экрана пользователя, можно воспользоваться несколькими способами в HTML и CSS. Вот несколько из них:

1. Использование CSS свойства height: 100vh;. Это свойство устанавливает высоту элемента в 100% высоты видимой области окна браузера.

Например:

   .full-height-block {
       height: 100vh;
   }

2. Использование Flexbox. Можно создать контейнер, который будет заполнять всю высоту экрана и вложить в него блок, который также будет заполнять всю высоту контейнера.

HTML:

   <div class="container">
       <div class="full-height-block"></div>
   </div>

CSS:

   .container {
       display: flex;
       height: 100vh;
   }

   .full-height-block {
       flex: 1;
   }

3. Использование CSS Grid. Также можно воспользоваться CSS Grid для создания блока на всю высоту экрана.

HTML:

   <div class="grid-container">
       <div class="full-height-block"></div>
   </div>

CSS:

   .grid-container {
       display: grid;
       height: 100vh;
   }

   .full-height-block {
       grid-row: 1 / 2;
   }

Выбор метода зависит от особенностей вашего макета и требований к верстке. Как правило, использование height: 100vh; является наиболее простым и распространенным способом для создания блока на всю высоту экрана.