# 그리드

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

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

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

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

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FG6bLRXMYBna7SWwxWpN9%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-02-20%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%209.10.50.png?alt=media&#x26;token=957849e0-07be-415b-a4a6-5ac5f73d5151" 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

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