# 타워 디펜스로 배우는 CSS FlexBox

> Clean Markdown view of GeekNews topic #2747. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2747](https://news.hada.io/topic?id=2747)
- GeekNews Markdown: [https://news.hada.io/topic/2747.md](https://news.hada.io/topic/2747.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-08-31T09:40:05+09:00
- Updated: 2020-08-31T09:40:05+09:00
- Original source: [flexboxdefense.com](http://www.flexboxdefense.com/)
- Points: 10
- Comments: 1

## Topic Body

- 몰려오는 적들을 공격하는 타워를 CSS로 위치시켜서 막아내는 게임

- 총 12개의 Wave

- display: flex 의 다양한 속성 값들 익히기

ㅤ→ justify-content : flex-start, flex-end, center, space-between, space-around

ㅤ→ align-items & align-self

ㅤ→ flex-direction : row, row-reverse, column, column-reverse

## Comments



### Comment 2758

- Author: nezz1204
- Created: 2020-09-01T08:34:42+09:00
- Points: 1

재밌게 즐기면서 배웠습니다!!