> For the complete documentation index, see [llms.txt](https://docs.ohmyapp.io/main/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ohmyapp.io/main/guide/develop_app/4/block/layout/grid.md).

# 그리드

**그리드 블록은 언제 사용하나요?**

* 오마이앱에서 그리드를 사용할 때는 이미지, 텍스트 등의 블록을 가로 배치할 때예요. 가로 배치하고 싶은 블록들을 그리드에 넣어서 사용할 수 있어요.

**그리드 블록의 특징은 무엇인가요?**

* 그리드 블록 안에 있는 블록들의 [그리드 컬럼 비율](/main/guide/develop_app/4/style/grid-column-ratio.md) 합은 항상 12가 되어야 해요. 
* 핸드폰 기종이 달라도 앱 화면 상에서 블록이 같은 비율로 보일 수 있게 도와줘요. 
* 그리드 컬럼 비율로 블록이 차지할 칸을 설정해 줄 수 있어요.

<div align="left"><figure><img src="/files/XoGj0hpdBDbhAFWDjBdI" alt="" width="563"><figcaption></figcaption></figure></div>

2023.07.24 Jinny

## Grid

Arange data (blocks)horizontally in the correct proportions.

**When do I use the grid block?**

* This block is used when arranging data (blocks) such as images and texts horizontally. Putting blocks of your choice in the grid will arrange the blocks and display them horizontally.&#x20;

**What are the characteristics of grid blocks?**

* &#x20;The sum of the blocks on the grid must always be 12.&#x20;
* Even when mobile phone models differ, this block helps with seeing data (blokcs) in similar ratios on the app page.
* You can set the space that a block will occupy by adjusting the grid column ratio.

2023.07.27 Hwaran

> \#그리드, #그리드란?, #정확한 비율로 가로 배치 하기, #그리드 컬럼 비율, #가로로 배치하기, #가로 배열하기, #가로 정렬하기, #수평으로 정렬하기, #텍스트 정렬, #가로로 배치하는 방법, #레이아웃