코딩 퍼즐 · 플레이하기

플렉스 연못

Flex Pond

Flexbox CSS를 작성해 개구리를 연잎으로 보내세요.

Flex Pond cover
게임을 불러오는 중…

게임 방법

게임 방법 플렉스 연못

점점 어려워지는 여덟 레벨에서 Flexbox 속성을 입력하세요. 개구리 위치를 조정해 알맞은 연잎 위에 올려놓으세요.

조작 방법

  • CSS 입력란에 레이아웃 선언 입력
  • Run code로 확인; 화살표로 레벨 이동

팁

  1. 먼저 justify-content로 주축 위치를 조절하세요.
  2. 다음으로 align-items를 사용해 교차축 위치를 조절하세요.