height: 100vh; не помогает, появляется скролл
Дело в том, что браузер не учитывает высоту вашего навбара. Ее нужно вычесть из высоты дисплея. Делается это при помощи функции calc();
В вашем случае будет выглядеть так:
.main {
display: flex;
height: calc(100vh - 56px);
}
