Nhẹ

Một kỹ thuật căn giữa chỉ căn chỉnh nội dung và không thay đổi kích thước của nội dung trong quá trình này.

Hãy xem bài viết đầy đủ để biết thêm thông tin chi tiết về kỹ thuật này và thời điểm kỹ thuật có hiệu quả.

Bài viết đầy đủ · Video trên YouTube · Nguồn trên GitHub

HTML

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

CSS


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