All Tips

How to Align Uneven Items
How to Align Uneven Items

How to Align Uneven Items

alignment
ui
visual effect

Aligning uneven items can become weird

Even if the spacing between them is the same, the visual result seems off sometimes.

A super-quick fix is to set the same width for all the elements. Pick the width of the biggest element and apply it to all the other items.

←Previous Tip

Padding On Rounded Cards

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.

visual effect
ui
card

Become a Better Designer.
The Fun way.

Join 100s of developers, entrepreneurs & junior designers who strive to become better in UI & UX design with byte-sized, practical tips & examples!

Get notified about new tips & articles before anyone else!

  • "

    I love these little tips. It’s like Dribbble but actually useful.

    Martin LeBlanc

    CEO of Iconfinder

  • "

    I love UX & UI tips. Especially, when they are practical and presented in a very good way. Yours are meeting both criteria.

    Lisa Dziuba

    Head of Marketing at Abstract

  • Logo

    Learn to design better User Interfaces with practical UI & UX tips

  • Projects

    MagicPattern

    BrandBird

    PH Launch Checklist

  • Popular Posts

    15 Practical UI Form Tips

Β©2021 . Made by Jim Raptis