K9 Kanta 9 Giao diện gọn gàng, rõ ràng và ưu tiên mobile
Responsive Frontend

Bố cục mới cân đối hơn và không còn bị đè lên nhau.

Mình làm lại theo hướng an toàn hơn: 1 cột trên điện thoại, mở rộng thành 2 cột ở màn hình lớn, khoảng cách thoáng hơn, khối nội dung rõ ràng hơn và font fallback được giữ ổn định để hạn chế lỗi hiển thị.

Mobile
Bố cục 1 cột, không tràn ngang và dễ chạm trên màn hình nhỏ.
Tablet
Các khối tự giãn đều, không còn chồng lấn khi chiều ngang thay đổi.
Desktop
Nội dung và phần minh họa tách riêng, nhìn gọn và cân hơn.
Desktop layout
Khối nội dung chính không bị ép hẹp và không bị chồng lên phần bên cạnh.

Khoảng trắng và cỡ chữ được giữ ổn định để đọc tốt trên cả laptop lẫn màn hình lớn.

Các card tách hàng rõ ràng.

Không dùng vị trí tuyệt đối cho các khối quan trọng nên rủi ro đè nhau gần như được loại bỏ.

Mobile layout
Tiêu đề, mô tả và nút bấm xếp theo chiều dọc để dễ đọc.
Các phần nội dung tự xuống dòng theo chiều rộng thiết bị.
Font fallback an toàn cho tiếng Việt trên Windows, Android và iPhone.

Không còn chồng lấn

Mình bỏ kiểu dàn lớp phức tạp và chuyển sang grid/flex đơn giản để bố cục ổn định hơn trên mọi breakpoint.

Responsive dễ chịu hơn

Nút bấm, khoảng cách, chiều rộng khối và cách chia cột đều được tối ưu theo hướng mobile-first.

Font fallback an toàn

Ưu tiên `Segoe UI`, `Roboto`, `Helvetica Neue`, `Arial`, `Noto Sans` để giảm lỗi font và hỗ trợ tiếng Việt tốt hơn.