概要
コードを編集し、以下のようなレイアウトを作成してください。
背景のグラデーションと文字装飾はすでに適用されているため、位置の指定を行なってください。
ヒント
- 文字を中央に置こう！
- 位置指定にはposition:absolute;を利用
- headerを位置の基準にする(position:relative;)
- どんなウインドウサイズでも位置を中央にするにはtopとleftをどんな値にすればいい？
- まずはh1の左上を中央にする。その後h1の幅、高さの半分をずらすと完全な中央となる（transformを使用）
目的
ヒーローイメージにおける要素の上下中央揃えをマスターする。
データ
使用ソフト
VisualStudioCode
答え（作業完了後にみてください。）
