Technote

모바일에서 무너지지 않는 레이아웃

데스크톱에서 만든 화면이 모바일에서 깨지는 전형적인 이유들과 그 구조적 해법. 브레이크포인트를 늘리는 대신 무너지지 않는 구조를 만드는 쪽을 다룹니다.

글 8편

테마 · 플러그인 실무

clamp() 하나로 단계마다 값을 다시 쓰지 않기

제목 크기를 브레이크포인트마다 다시 선언하고 있다면 유지보수가 계속 늘어납니다. clamp() 는 최소 · 유동 · 최대를 한 줄에 담아 그 재선언을 없앱니다.

디자이너 4분 읽기

테마 · 플러그인 실무

그리드 칸이 내용 때문에 부푸는 문제 — minmax(0, 1fr)

repeat(3, 1fr) 은 세 칸이 같은 폭이 된다고 약속하지 않습니다. 안에 든 코드 블록이나 긴 문자열 하나가 칸을 밀어내고, 그러면 판 전체가 화면 밖으로 나갑니다.

디자이너 3분 읽기

테마 · 플러그인 심화

sticky 가 조용히 죽는 이유 — 조상의 overflow 한 줄

position: sticky 는 실패해도 에러를 내지 않습니다. 임계값 · 부모의 여유 · 조상의 overflow 세 가지만 순서대로 확인하면 원인은 거의 항상 그 안에 있습니다.

디자이너 5분 읽기

₩270,000 · 신청하기