---
description: '#HelloWebDesign #HelloErmine #HelloWorld2021'
---

# Grid System

### **Grid คืออะไร ?**

{% content-ref url="grid-system/grid" %}
[grid](grid-system/grid)
{% endcontent-ref %}

### **ประเภทของ Grid**

{% content-ref url="grid-system/grid-1" %}
[grid-1](grid-system/grid-1)
{% endcontent-ref %}

### **Grid System คืออะไร ?**

{% content-ref url="grid-system/grid-system" %}
[grid-system](grid-system/grid-system)
{% endcontent-ref %}

### **ข้อดีในการออกแบบโดยใช้ Grid System**

{% content-ref url="grid-system/grid-system-2" %}
[grid-system-2](grid-system/grid-system-2)
{% endcontent-ref %}

## แหล่งอ้างอิง **📑**

{% embed url="https://vanseodesign.com/web-design/grid-types/" %}

{% embed url="https://blog.nextzy.me/grid-system-on-web-and-mobile-for-ux-ui-designer-8735e24fbd8d" %}

{% embed url="https://adaddictth.com/knowledge/4-trick-design-graphic-grid-system" %}

{% embed url="https://sithelloworld20.gitbook.io/helloworlddolphin/design/grid-system" %}

{% embed url="https://graphicbuffet.co.th/จัดองค์ประกอบงานออกแบบ/" %}

{% embed url="https://idxw.net/2016/03/31/เรียนรู้เรื่อง-grid-มีกี่ปร/" %}

