
Level 1 문제 Flexbox Froggy에 오신 것을 환영합니다! Flexbox Froggy는 Froggy와 친구들 돕는 CSS 코드 게임입니다. 오른쪽의 justify-content 속성을 이용하여 개구리가 수련잎으로 이동할 수 있도록 도와주세요. 이 속성은 다음의 값들을 인자로 받아 요소들을 가로선 상에서 정렬합니다. flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의 가운데로 정렬합니다. space-between: 요소들 사이에 동일한 간격을 둡니다. space-around: 요소들 주위에 동일한 간격을 둡니다. 예를 들어, justify-content: flex-end; 는 개구리를 오른..

justify-content flex 요소들을 가로선 상에서 정렬합니다. flex-start : 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end : 요소들을 컨테이너의 오른쪽으로 정렬합니다. center : 요소들을 컨테이너의 가운데로 정렬합니다. space-between : 요소들 사이에 동일한 간격을 둡니다. space-around : 요소들 주위에 동일한 간격을 둡니다. align-items flex 요소를 세로선 상에서 정렬합니다. flex-start : 요소들을 컨테이너의 꼭대기로 정렬합니다. flex-end : 요소들을 컨테이너의 바닥으로 정렬합니다. center : 요소들을 컨테이너의 세로선 상의 가운데로 정렬합니다. baseline : 요소들을 컨테이너의 시작 위치에 정렬합니다. ..