Select Language

Align Uneven Elements

Back to List

In many cases, you have to align uneven in size elements.

Even if you set the spacing between the elements to be the same, the visual result seems off.

The best way to fix this visual issue is by setting the same width for all the elements.

Hint: Pick the width of the biggest element and apply it to all the other items.

More to explore

Always try to de-emphasize dangerous actions like deletion. You have to prioritize the default action instead of the dangerous/irreversible one.

Always try to de-emphasize dangerous actions like deletion. You have to prioritize the default action instead of the dangerous/irreversible one.

Always try to de-emphasize dangerous actions like deletion. You have to prioritize the default action instead of the dangerous/irreversible one.

Always have a CTA button on your website's above the fold section

Always have a CTA button on your website's above the fold section

Always have a CTA button on your website's above the fold section

A good header needs to put attention on the title and then lead the reader to the description, which must be readable.

A good header needs to put attention on the title and then lead the reader to the description, which must be readable.

A good header needs to put attention on the title and then lead the reader to the description, which must be readable.