This is a terrific question!

If you choose to go with the 8pt soft grid, you can ignore the final dimensions of the component. So if you make a button that has 8px of padding on the top and bottom of the text. And the text is 17px height. The total height of the button will end up being 33px. That's totally fine. The padding is the important part.

You'll also run into problems designing for iOS where the screen width of 375px forces odd number widths.

But as long as you are consistent in using the soft 8pt grid you will be fine :)

Remember, the goal is to be BETTER than arbitrary. You can't do perfect! (Although on Android you can come close!)

--

--

--

I’m a Product Designer at Grubhub working on the LevelUp Team to create branded apps for restaurants.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Aaron Cecchini-Butler

Aaron Cecchini-Butler

I’m a Product Designer at Grubhub working on the LevelUp Team to create branded apps for restaurants.

More from Medium

Engaging new employees through an ambassador program

Three employees celebrate a goal.

Unreliable hedonistic forecasters — get to the office.

Writing a second grade essay

Wordle Sick