Skip to content

Instantly share code, notes, and snippets.

@trinhvanminh

trinhvanminh/touch-hitbox.css

Created April 5, 2026 10:13
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save trinhvanminh/4acf0da4bacb11d4cfac3a1266652ca5 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save trinhvanminh/4acf0da4bacb11d4cfac3a1266652ca5 to your computer and use it in GitHub Desktop.
Download ZIP
Appropriate target area
Raw
touch-hitbox.css
@utility touch-hitbox {
position: relative;
&::before {
content: "";
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
min-height: 44px;
min-width: 44px;
z-index: 9999;
}
}
@trinhvanminh

trinhvanminh commented Apr 5, 2026

Copy link
Copy Markdown
Author 
<button className="touch-hitbox">
  <BellIcon />
</button>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment