Đề bài: [Thiết kế Web] Ảnh tràn viền trong card

Cho HTML sau (.card chứa .card-img, .card-title, .card-desc).

Viết CSS:

• .card có padding 16px, viền 1px solid #ddd, bo góc 8px
• Ảnh .card-img phải tràn sát ra hết mép trên/trái/phải của .card (không bị padding của card che), dùng margin âm để kéo ảnh ra ngoài vùng padding (margin: -16px -16px 16px -16px), chiều rộng ảnh phải khớp đúng bề ngang thẻ (width: calc(100% + 32px)), bo góc trên 8px 8px 0 0