위 선으로 나뉜 큰 가는 순번 줄이 넓은 자리에서 두 칸으로 놓여요. 그림 카드를 쓰면 회색 타일이 얇은 흰 틈을 두고 붙어요.
쓰는 규칙놓인 자리가 넓으면 두 칸으로 — 화면 폭이 아니라 그 자리의 폭을 본다.
---
// src/pages/[post].astro
import { PostList } from '../components/registry';
---
<PostList heading="함께 읽으면 좋은 글" headingId="related" posts={related} />export interface PostListProps {
posts: PostSummary[];
heading?: string;
headingId?: string;
/** 목록 제목 단계(카드 제목은 그 아래 단계) */
headingLevel?: 2 | 3;
showCategory?: boolean;
/** PostCard 변형 */
variant?: VariantOf<'PostCard'>;
}thumb 카드를 쓰면 회색 타일 사이에 흰 2px 틈을 둬서 카드 묶음처럼 보이고, 넓은 자리에서는 두 칸이나 세 칸으로 나뉘어요. list·number 카드는 줄 목록이고 넓은 자리에서 두 칸이 돼요. 데모에는 number 카드 여섯 개가 두 칸씩 놓여 있어요.
칸 수는 화면 폭이 아니라 이 목록이 놓인 자리의 폭을 보고 정해져요. 그래서 본문 안처럼 좁은 자리에서는 칸이 줄어요. 변형이 없어서 팩끼리 차이는 글 카드 쪽에서 나와요.