Tips & tricks - Tăng diện tích vùng click bằng CSS

Demo Source code

Hôm nay tôi xin chia sẻ lại 1 tips & tricks có thể rất hữu ích về việc tăng diện tích vùng click mà không đau đầu khi tính toán đặt bố cục các thẻ. Thật sự trường hợp này rất hay gặp.

Chúng ta có thể sử dụng :after với position: absolute + inset: -{value}px

Nguồn: dmytro - want to increase the click area without messing up your layout?

Ở link nguồn có nói về trường hợp sử dụng Tailwind cũng rất hay nếu chúng ta sử dụng

Cảm ơn bạn đã đọc và chúc ngày làm việc hoàn hảo!