CSS flexbox를 이해하기 좋은 사이트

CSS flexbox를 이해하기 좋은 사이트

CSS를 잘한다는 것은 CSS 코드들을 많이 알고 있는 것 보다 편집 디자인적 관점에서 얼마나 사용성이 높고, 아름답게 요소들을 배치하냐일 것이다.

하지만 기본적인 개념들을 모르면 구현하지도 못하는 법.

 

CSS에서 정렬할 때 많이 쓰이는flexbox의 개념을 공부하고 이해하기 좋은 사이트들이 있어서 공유한다.

 

 

1. naverD2

https://d2.naver.com/helloworld/8540176

 

 

2. Heropy Tech

https://heropy.blog/2019/08/17/css-grid/

CSS Grid 완벽 가이드

 

 

3. CSS tricks

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

A Complete Guide to Flexbox

 

 

4. Flexbox Froggy

https://flexboxfroggy.com/#ko

Flexbox Froggy

 

Flexbox Froggy는 Flexbox를 써서 개구리를 옮겨, 연잎 위에 올려야하는 게임이다. 24문제고, 다음 문제로 갈수록 난이도가 올라간다.

 

Flexbox Froggy를 하면서 모르거나 헷갈리는 개념을 위의 사이트 중에 들어가서 찾아보는 방식으로 공부하는게 수월했다.