Responsive Design

Một web app hiện đại phải chạy tốt trên mọi màn hình.

Mobile First

• TailwindCSS sử dụng cơ chế mobile-first. Code mặc định là cho mobile, thêm prefix md:, lg: cho màn hình lớn hơn.

Kiểm tra Responsive

• Trong Lovable, bạn có thể chuyển đổi chế độ xem (Mobile/Desktop) để kiểm tra.
• Prompt sửa lỗi: "Trên màn hình điện thoại, hãy xếp các thẻ sản phẩm thành 1 cột thay vì 3 cột như trên desktop. Ẩn sidebar và hiện nút hamburger menu."