두 열 블록

스타일 가이드로 돌아가기

두 열 블록을 사용하면 다른 블록을 두 열로 분할할 수 있습니다. Kalae 웹사이트에서 이 기능은 주로 이미지 및 슬라이더 블록과 위지위그 블록을 결합하는 데 사용되지만, 다른 조합도 가능합니다. 편집자는 도미노 블록의 크기를 모바일에 맞게 조정할 때 도미노 블록의 스택 순서를 지정하거나, 스택이 쌓이지 않고 두 열 레이아웃으로 유지되도록 정의할 수 있습니다. 도미노 블록에는 배경색을 지정하는 추가 옵션이 추가되어 편집자가 기본 배경색 또는 섹션 블록에서 지정한 색과 대비되는 색을 지정할 수 있습니다.

예제 1

이 두 열 블록은 표준 구성으로 설정되어 있습니다. 이미지 종횡비는 자동으로 설정되어 업로드된 자산에서 상속되며, 스택 순서는 텍스트가 왼쪽에, 이미지가 오른쪽에 있습니다.

예제 2

이 두 열 블록은 사용자 정의 구성으로 설정되어 있습니다. 이미지 가로 세로 비율은 세로로 설정되어 있으며, 이는 이미지 자산이 중앙에서 잘려서 커버된다는 것을 의미합니다. 표시 순서도 이미지가 왼쪽에 있고 텍스트가 오른쪽에 있도록 반전됩니다.