Padding On Rounded Cards

<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4395001811813685541&zx=0ef77a5d-c61c-4859-91b7-cbbaaef49161' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4395001811813685541&zx=0ef77a5d-c61c-4859-91b7-cbbaaef49161' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7224108819422531&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>

<!-- data-ad-client=ca-pub-7224108819422531 -->

</head><body>

May 21, 2025 - (Updated: May 21, 2025)

Admin

Padding On Rounded Cards - Padding On Rounded Cards

Image: uidesign.tips

The left cards use the same padding around the card. Yet the visual result seems off.

A quick fix is to make the padding larger when the element on the edge is not round - like icons and text.

The rule of thumb is to use double the padding on the edge which is not round.