초보 개발자의 개발 블로그

🐸 Flexbox Froggy란 ? CSS코드 게임으로 Flexbox의 속성을 요구한대로 입력하면 다음 단계로 넘어갈 수 있는 게임 Flexbox의 속성을 실습하며 익히기 좋다. * FLEXBOX FROGGY 이동 https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 13단계. 개구리를 순서를 반대로 + 아래로 이동 + 가로선 상 중앙 정렬 #pond { display: flex; flex-direction: row-reverse; justify-content: center; align-items: flex-end; } 14단계. 노란색 개구리를 제일 마지막으로 #pond { display..

🐸 Flexbox Froggy란 ? CSS코드 게임으로 Flexbox의 속성을 요구한대로 입력하면 다음 단계로 넘어갈 수 있는 게임 Flexbox의 속성을 실습하며 익히기 좋다. * FLEXBOX FROGGY 이동 https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 1단계. 개구리를 오른쪽으로 이동 #pond { display: flex; justify-content: flex-end; } 2단계. 개구리를 가로선 상 중앙 정렬 #pond { display: flex; justify-content: center; } 3단계. 수련잎 주위의 간격 고려하여 이동 #pond { display:..