쉽고 재밌게 배우는 CSS Flex-box / Grid 게임![해보시면 도움됩니다!]

카테고리 없음

날파리1 2022. 7. 25. 11:40

css 선택자 게임 이외에도 그리드 레이아웃을 배울 수 있는 게임을 소개해드립니다!

저는 이렇게 한 번 풀어보았습니다!!

1. 개구리게임

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

이건 선택자와 범위에 대해 알기 좋은데 연속맞추기가 특히 어렵네요 특히 position...

Guess CSS! HTML & CSS puzzler game

www.guess-css.app

Play Flex Box Adventure – CSS Game to Learn Flexbox

codingfantasy.com

Grid Garden

A game for learning CSS grid layout

cssgridgarden.com

CSS Speedrun | Test your CSS Skills

A small fun app to test your CSS knowledge. Find the correct CSS selectors for the 10 puzzles as fast as possible.

css-speedrun.netlify.app

이거는 제가 이전에 올린포스트에!

쉽게 배우는 HTML CSS 선택자![CSS Diner]

html 과 css 태그만해도 200개가 넘는데 그 중에서도 가장 중요한 선택자! (Selector)를 조금 쉽게 다가갈수 있는 게임을 소개해드리려고합니다. 해당되는 선택자를 선택후 엔터를 치면 통과가 되는데

onulmansanda.tistory.com

Flexbox Defense

Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!

www.flexboxdefense.com

이건 클리어하자마자 처음으로 돌아갔던 것 같군요

Play Grid Attack – CSS Game to learn CSS Grid

codingfantasy.com

후반으로 갈수록 매우매우 화가납니다 휴..