[Web] CSS Flexbox와 Grid를 배워보자!

 

CSS 의 꽃, Flexbox와 Grid 부시기

CSS 레이아웃 기술인 Flexbox와 Grid를 배울 수 있는 재미있고 유익한 리소스를 소개합니다.

 

🎮 재미있는 CSS 학습 게임

• 1. Flexbox Froggy:
  • 게임 바로가기
  • 개구리에게 CSS 코드를 사용하여 연꽃잎에 도달하도록 도와주는 게임
• 2. Grid Garden:
  • 게임 바로가기
  • CSS Grid 레이아웃을 활용하여 당근밭을 가꾸는 게임
• 3. Flexbox Adventure
  • 게임 바로가기
  • 모험을 통해 Flexbox 개념을 배우는 게임
• 4. CSS Dinner
  • 게임 바로가기
  • CSS 선택자에 대한 지식을 테스트하는 재미있는 게임
• 5. Flexbox Defense
  • 게임 바로가기
  • CSS Flexbox를 사용하여 적의 침입을 막는 디펜스 게임
• 6. Knights of the Flexbox Table
  • 게임 바로가기
  • Flexbox 개념을 활용하여 문제를 해결하는 게임

📚 CSS 학습 리소스

• 7. Codecademy - Learn CSS
  • 코스 바로가기
  • CSS를 체계적으로 학습할 수 있는 온라인 코스
• 8. CSS Reference
  • 사이트 바로가기
  • CSS 속성에 대한 자세한 설명과 예제를 제공하는 참고 사이트