# CSS Layout Generator

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=5702](https://news.hada.io/topic?id=5702)
- GeekNews Markdown: [https://news.hada.io/topic/5702.md](https://news.hada.io/topic/5702.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-01-07T10:04:31+09:00
- Updated: 2022-01-07T10:04:31+09:00
- Original source: [layout.bradwoods.io](https://layout.bradwoods.io/)
- Points: 18
- Comments: 0

## Topic Body

- 많이 쓰는 CSS 레이아웃을 간단히 생성/편집하도록 도와주는 도구

ㅤ→ 3x3 , Header/Main/Footer, Holy Grail, Infinite, Sidebar

- Preview 화면을 통해서 상세 편집 가능

ㅤ→ Children/Row/Column 갯수

ㅤ→ Row Height/Column Width/Gap 값 조정

ㅤ→ Grid Alignment 조정

ㅤ→ Direction 및 빈공간 채우기 지정

- CSS/JSX 가 바로 보이고 Copy 가능

## Comments



_No public comments on this page._