에브리 레이아웃(Every Layout)은 웹 브라우저의 배치 원리를 활용해 튼튼한 CSS 레이아웃을 만드는 방법을 설명한다. 간단한 [[배치 패턴]]을 조합해 다양한 콘텐츠와 화면 크기에 대응하는 [[반응형 디자인]]을 제안한다. 화면마다 예외를 계속 덧붙이기보다 요소들이 스스로 배치되는 조건을 이해하도록 돕는다. 무료로 공개된 기초 설명에서 전체 학습 자료의 방향을 살펴볼 수 있다.

- [공식 웹사이트](https://every-layout.dev/)

## 기타 등등

- 줄 길이의 단위로 소개하는 `ch`는 평균 글자 폭이 아니라 해당 글자체의 숫자 0 폭을 기준으로 한다. [출처](https://every-layout.dev/rudiments/axioms/)
- 기초 설명은 고정된 너비 대신 `max-inline-size`로 줄 길이의 상한을 정하는 예를 든다. 글을 담는 상자가 언제나 같은 폭일 필요는 없다. [출처](https://every-layout.dev/rudiments/axioms/)

#웹사이트 #HTML #CSS #디자인