30장. 완성 화면 해부

cd /Users/honi/WithAI/books/modern-css-production
npm test
npm run qa

화면을 1440px, 768px, 320px에서 비교한다. viewport가 아니라 .board container 폭을 DevTools에서 바꿔 카드 3열→2열→1열 전환을 확인한다. @layer enhancements를 통째로 끄고도 읽고 조작할 수 있는지 본다.

과제로 card에 subgrid variant를 만들고, 작업 추가 button에 anchor된 non-modal help popover를 progressive enhancement로 추가한다. 기본 dialog와 focus 흐름은 유지한다.