Hãy đóng vai một nhà thiết kế trang web. Bạn được giao nhiệm vụ thiết kế khu vực các tùy chọn gói thanh toán ở cuối trang chủ cho một ứng dụng SaaS. Sẽ có ba thẻ gói cước được hiển thị theo chiều ngang:
- Thẻ gói cước đắt nhất sẽ được đặt ở vị trí chính giữa để thu hút sự chú ý.
- Mỗi thẻ cần có một bảng phối màu riêng biệt, trong đó thẻ đang được chọn sẽ có đường viền làm nổi bật để cho biết gói đó đang được người dùng lựa chọn.
- Đảm bảo thiết kế có tính đáp ứng (responsive) và bắt mắt trên mọi thiết bị.
Các biến số bạn có thể sử dụng:
- cho màu đường viền của thẻ đang được chọn.
- để chỉ định gói cước nào là gói đắt nhất đặt ở trung tâm.
Nhiệm vụ của bạn là truyền tải trực quan các bậc giá cước một cách hiệu quả và thu hút tới người dùng.