Андрей Зернов

1. html + css все должны всё знать у кого работа связана с Web.
2. Не думаю что всё так-же останется профессия "верстальщик", мне кажется часть обязанностей уйдет дизайнеру, а часть фронтендеру.

В общем ваш вопрос идентичен следующему:
"Стоит ли учить таблицу умножения? Будет ли это актуально через 3-5-10 лет?"

Можно юзать плагин match height ссылка

Очень умный плагин для определения соседних блоков и их выравнивания между собой

А зачем такая сложная вложенность?
Чем не устраивает хотя бы просто:

p {
color: #000;
font-size: 14px; 
// и т.д.
}
.one {
   padding: 0;
   margin: 0;
   line-height: 1;
}
.two {
   padding: 10px 0;
   margin: 10px;
   line-height: .5;
}
// и т.д.

тегу p указываешь все что одинаковое, классам все что разное и классы присваиваешь какие надо на нужных страницах.
Или я не правильно понял вопрос!?

Если об этом думать много будешь - ничего хорошего не будет) Все верстают по-разному, используя разные системы сборки, препроцессоры, ... . Так что ты просто занимайся своим делом качественно и развивайся. Удачи.

<div class="modal-wrapper">
      <div class="modal-window">
        .........
      </div>
     <div class="overlay"></div>
</div>

<style>
.modal-wrapper {
    position:fixed;
    display:flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.7);
    z-index:100;
}

.overlay {
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
}

.modal-window {
   width:300px;
   height:500px;
   z-index:2;
}
</style>

ну и дальше JS)
Чтоб при клике на .overlay закрывалось окно