LAYOUT LAB / CANONICAL HTML + CSS

차곡차곡 쌓기

Create consistent vertical rhythm between direct children.

720px

원문 CSS의 공간 배치를 실행합니다. 색·테두리는 영역 구분용이며, 비어 있던 미디어와 설정 슬롯에는 예시 콘텐츠를 채웠습니다.

실행한 HTML·CSS 코드
<section class="stack" aria-labelledby="stack-heading">
    <h2 id="stack-heading">Release checklist</h2>
    <p>Review copy, verify forms, and publish the notes in order.</p>
    <button>Start review</button>
</section>

<style>
.stack {
    display: grid;
    gap: 1rem;
}

</style>
원문 가이드