Div действует как встроенный

Я не могу понять, почему мой Div действует как встроенный. Вы можете увидеть это с синей рамкой на странице ниже:

Мой код выглядит примерно так:

<div class = "welcome">
    **some content**     
</div>
<div class = "quote">
    hello
</div>

.welcome {
  width: 70%;
  height: 500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 40% 60%; 
}

.quote { 
  color: #5192BC; 
  width: 100%;
  height: 70px;
  border: 1px solid #5192BC;
  padding: 1px;
}

Я попытался сделать quote блоком и очисткой, но ни один из них не работал. Я думаю, это может быть потому, что welcome - это сетка, но я не знаю решения.

Мой мерзавец - здесь.