기본 레이아웃

창 너비에 따라 #1 모바일(1열) → #2 태블릿(2열) → #3 데스크톱(2열 중앙+AD)로 전환됩니다.

masonry 카드. 높이가 제각각이라 열이 나뉠 때 빈틈 없이 쌓입니다.

썸네일 비율이 달라 세로 길이가 다릅니다. masonry 확인 포인트입니다.

낮은 카드.

중간 높이 카드. 2열이 되면 좌우 컬럼에 번갈아 배치됩니다.

긴 카드. 본문이 길어지면 자연히 높이가 늘어납니다. 본문이 이어집니다. 본문이 이어집니다.

낮은 카드.

중간 카드. 카드 수가 많아지면 세로로 계속 쌓입니다.

이미지 위주 카드. 썸네일이 큰 편.

패널 A

가운데 세로선을 좌우로 끌어 폭을 조절하세요.

각 패널은 전체의 10% 아래로 줄지 않습니다.

조정 위치는 저장되어 새로고침 후에도 유지됩니다.

전용 페이지에서만 쓰이는 특수 레이아웃입니다.

세 번째 패널. 오른쪽 디바이더로 B·C 경계를 조절합니다.

이 화면은 태블릿·데스크톱 전용입니다.
모바일에서는 지원되지 않습니다.