skuvaWeb

Почитайте о наследовании, каскаде и группировке стилей в css
В вашем случае .test1.test2 означает что стили применятся только к блоку у которых есть оба этих класса
<div class="test1 test2"></div>

Предположу что ты хочешь чтобы у тебя на странице не было скрола
Добавь в css

*{
  box-sizing: border-box;
}

Если родителю задан display: flex; то дочерние элементы по умолчанию буду одной высоту (меньшие растягиваются по самому высокому)