# Nhóm công cụ bố cục nhanh

## **1. Mục tiêu**

Cung cấp các "khung xương" linh hoạt để bạn tự do sáng tạo không gian thiết kế mà không bị gò bó vào các mẫu (template) cố định. Công cụ này giúp bạn tổ chức các thành phần con (chữ, ảnh, nút) vào các ô lưới một cách ngăn nắp và chuyên nghiệp.

## **2. Khi nào dùng?**

* Khi bạn muốn tự tạo một danh sách các tính năng sản phẩm hoặc gói dịch vụ theo ý đồ riêng.
* Khi cần sắp xếp các hình ảnh hoặc nội dung có độ ưu tiên khác nhau trên cùng một dòng để tạo điểm nhấn thị giác.
* Dùng làm lớp đệm trung gian để nhóm các phần tử liên quan lại với nhau.

## **3. Các bước thực hiện**

Truy cập menu Structure ở thanh công cụ bên trái, tìm nhóm Quick Layouts và chọn mẫu phù hợp:

<figure><img src="/files/OE5HqakARsbr8vcPgjkG" alt=""><figcaption></figcaption></figure>

* Công cụ Quick Grid (Lưới đều):
  * Thao tác: Kéo mẫu này vào trang để chia không gian thành các ô lưới đều nhau (ví dụ: lưới 2x2 hoặc 3x3).
  * Ứng dụng: Chọn từng ô trong lưới để chèn biểu tượng và mô tả tính năng, giúp thông tin hiển thị cân đối và ngay ngắn.
* Công cụ Quick Stack (Xếp chồng linh hoạt):
  * Thao tác: Kéo mẫu này vào trang. Bạn sẽ thấy các ô có kích thước không đều nhau (ví dụ: một ô to đi kèm một ô nhỏ bên cạnh).
  * Ứng dụng: Sử dụng ô to cho nội dung quan trọng nhất (như ảnh lớn) và ô nhỏ cho các chú thích bổ trợ để tạo sự khác biệt về thị giác.

## **4. Lưu ý quan trọng**

* Cơ chế co giãn (Responsive): Khi chuyển sang chế độ Mobile, các ô trong Quick Grid sẽ tự động xếp chồng lên nhau theo chiều dọc. Bạn nên kiểm tra lại khoảng cách giữa các ô (Gap) để nội dung không bị dính vào nhau.
* Tùy chỉnh ô lẻ: Bạn có thể chọn riêng từng ô trong Grid hoặc Stack để thay đổi màu nền hoặc độ bo góc mà không làm ảnh hưởng đến các ô còn lại trong cùng một bộ khung.
* Sắp xếp thứ tự: Nếu muốn thay đổi vị trí giữa các ô, hãy sử dụng tính năng kéo thả trực tiếp trên vùng Canvas hoặc điều chỉnh trong bảng quản lý Layer.


---

# 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.mhiring.vn/mcms/khoi-tao-co-ban/cau-truc-co-san/nhom-cong-cu-bo-cuc-nhanh.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.