어떤 문제/불편함을 해결하려고 했나요? : 프론트엔드 입문자들이 CSS Flexbox의 다양한 속성(justify-content, align-items, flex-wrap, gap 등)을 글로만 배우면 헷갈리고 금방 잊어버리는 문제를 해결하고자 했습니다. 눈대중으로 레이아웃을 맞추는 잘못된 습관을 고치고, 브라우저가 요소를 렌더링하는 정확한 좌표와 수치(px, rem, vh 등) 개념을 게임을 통해 직관적으로 학습할 수 있도록 시각적인 피드백이 즉각적으로 주어지는 환경이 필요했습니다. 이 앱을 언제, 어떻게 사용할 건가요? : CSS 레이아웃 개념을 처음 배우거나, 실무 중에 Flexbox 속성이 헷갈릴 때 가볍게 몸풀기용으로 사용합니다. 왼쪽 에디터 창에 CSS 코드를 입력하여 햄버거, 커피, 케이크 등의 요소를 손님이 원하는 정확한 타겟 위치로 이동시키며 학습합니다.