Flex2 CSS 공부할 수 있는 게임 2개 추천! css를 공부하고 난 뒤 어느정도 알고 있는지 확인할 수 있는 게임들을 추천해드리겠습니다~! 1. Flexbox Froggy 개구리가 연잎에 올라갈 수 있도록 코드를 짜주면 됩니다! 첨엔 간단하지만 레벨이 올라갈 수록 난이도가 올라갑니다 https://flexboxfroggy.com/ Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 2. CSS Dinner 움직이고 있는 아이템의 선택자를 알맞게 적어주면 됩니다. https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 두가지 게임을 수월하게 .. 2022. 9. 30. [CSS] Flexbox Flexbox란? 행과 열 형태로 항목 무리를 배치하는 일차원 레이아웃 메서드 항목은 부족한 공간에 맞추기 위해 축소되거나 여분의 공간을 채우기 위해 변형 된다. display : flex; flex-direction flex 컨테이너 내의 아이템을 배치할 때 사용할 주축 및 방향(정방향, 역방향)을 지정 기본축이 X축 방향 //왼쪽 → 오른쪽 flex-direction : row; //오른쪽 → 왼쪽 flex-direction : row-reverse; 기본축이 Y축 방향 //왼쪽 → 오른쪽 flex-direction : row; //오른쪽 → 왼쪽 flex-direction : row-reverse; flex-wrap ‘flex-item’ 요소들이 강제로 한줄에 배치되게 할 것인지, 또는 가능한 영역.. 2022. 9. 30. 이전 1 다음