Flex와 Grid 연습 사이트

HTML & CSS

by 비오스터딩 2020. 5. 9. 23:06

Flex 연습

https://flexboxfroggy.com/#ko

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

flex를 사용하여 개구리를 연잎 위로 옮기는 게임

재미있게 flex를 배울 수 있을 듯 :)

Grid 연습

http://cssgridgarden.com/#ko

Grid Garden

A game for learning CSS grid layout

cssgridgarden.com

Grid를 이용하여 물이나 서리(?) 위치를 옮기는 게임

여러가지 상황에서 그리드를 연습해 볼 수 있다.

CSS 방법론? 도구? (0)	2020.12.20
HTML :: <a target="_blank"> (0)	2020.12.10
CSS:: white-space (글자 공백 설정), text-overflow (0)	2020.08.22
CSS:: background property (0)	2020.08.22
CSS :: CSS에서 전역변수 사용하기( :root ) (0)	2020.08.16