レイアウトとは

何をどこに、どのように配置するかという割り付けのこと
出典 https://saruwakakun.com/design/tips/what-is-layout

最も重要なレイアウト

header

ページ上部のメニュー

body

ページの主なコンテンツ

footer

ページ下部のメニュー

出典　progate(HTML/CSS)

どうやって構成しているのか?

<div>要素などでレイアウトを構成する

<div class="header"></div>

.header{
  background-color: #f7f2b4;
  height: 90px;
}

気づき

height: 90px;を使うことで要素の高さを変化させることができるんだな。