Mobile and Touch Friendly Text Links
Here’s a quick trick to make text links, specifically paragraph text links more mobile and touch friendly:
The Concept
Apple recommends a minimum 44px square for touch interface links. We’re going to use a pseudo-element (doesn’t matter which) to create links with larger touch areas. It turns out that a pseudo-element that is tied to a “clickable” element (link, button, etc.) is clickable as well (h/t Chris Coyier for pointing that out).
Essentially, we need to absolutely position the pseudo-element within the link, make it 44px tall X 100% wide. Then, shift the pseudo element partially above the link using a negative top value.
See the pen below. I’ve added an outline around the pseudo-element to show its larger surface area.
Check out this Pen!
does gabapentin cause weight gain
cialis 40 mg
azithromycin para que sirve
side effects of prednisolone
how does propecia work
Cialis
Viagra
canadian prednisone
https://prednisonebuyon.com/ – Prednisone
buy methotrexate
https://buypriligyhop.com/ – Priligy
https://buyplaquenilcv.com/ – Plaquenil
can i buy lasix from canada
https://buylasixshop.com/ – torsemide to furosemide
https://buyzithromaxinf.com/ – Zithromax
Priligy
generic propecia cost
Cialis
https://buystromectolon.com/ – Stromectol
https://buytadalafshop.com/ – Cialis
http://buypropeciaon.com/ – Propecia
Viagra
https://buysildenshop.com/ – buy viagra where
ivermectine msd
gelly kamagra
buy accutane 40 mg online
cialis online ordering
cheapest generic levitra
cialis online generic
comprar kamagra en espana
cialis vs viagra