content 1

content 2

<section class="section">
  <h1>content 1</h1>
</section>

<section class="section skyblue">
  <h1>content 2</h1>
</section>
body {
  margin: 0;
  padding: 0;
}

.section {
  display: grid;
  place-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.skyblue {
  background: skyblue;
}

元記事を表示する