부드러운 플렉스

콘텐츠를 정렬하기만 하고 프로세스 중에 크기를 변경하지 않는 가운데 정렬 기법입니다.

이 기법에 관한 자세한 내용과 언제 이 기법이 효율적인지 알아보려면 전체 문서를 참고하세요.

전체 기사 · YouTube 동영상 · GitHub에서 소스

<article class="gentle-flex">
 
<h1>Gentle Flex</h1>
</article>

       
.gentle-flex {
 
display: flex;
 
flex-direction: column;
 
align-items: center;
 
justify-content: center;
 
gap: 1ch;
}