# 그리드

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

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

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

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

<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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ohmyapp.io/main/guide/develop_app/4/block/layout/grid.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
