# Flexbox 인터랙티브 가이드

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=7967](https://news.hada.io/topic?id=7967)
- GeekNews Markdown: [https://news.hada.io/topic/7967.md](https://news.hada.io/topic/7967.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-12-07T10:03:01+09:00
- Updated: 2022-12-07T10:03:01+09:00
- Original source: [joshwcomeau.com](https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/)
- Points: 21
- Comments: 0

## Topic Body

- 강력한 레이아웃 모드인 Flexbox를 쉽게 배워보기   
- 미디어/컨테이너 쿼리를 사용하지 않고, fluid 원리에 따라 매끄럽게 흐르는 레이아웃 만들기   
### 목차  
- Introduction to Flexbox  
- Flex direction  
- Alignment  
- Hypothetical size  
- Growing and shrinking  
- The minimum size gotcha  
- Gaps  
- Wrapping

## Comments



_No public comments on this page._