#Design dilemma

1 messages ยท Page 1 of 1 (latest)

stoic shard
#

How are you fitting 3 things across the screen horizontally on a mobile design?

split iris
#

this is what i meant originally about center aligning my components, as you can see, the "amount available", though it is center aligned inside the card, and the number underneath is centered, the component itself is not centered relative to the screen

#

it's 5px off and my boss pointed it out, however, if i center that component itself, the rest of the spacing will look off

kind anchor
#

optical spacing is all that matters

#

just dont center the value text

#

left align it with the heading

#

and then you arent centering anything

stoic shard
#

Capitalize "Value"

#

And what @kind anchor said

#

But

#

If the design adapts to the parent container's size, you might save yourself a big headache if you divide the card contents into 3 even columns (or regular proportions) and then center the content within each column

#

Otherwise you're laying out the elements by percentage in an indeterminate space

#

Since you're left aligning the big amount, you may also consider if you want to left align each of the other labels and values within the card