Currently designing in Adobe XD me and my team were discussing about the perfect approach to grid systems. How in You opinion should we handle the number of columns for mobile devices?

1. Go the standard way and get rid of some columns:

desktop - 12 columns
tablets - 8 columns
phones - 4 columns

2. Resize the columns width and gutter and stay 12 columns all devices?

  • This depends fully on the context and content. Voting to close this as too broad. Oct 20, 2020 at 22:22

1 Answer 1


Going with option one is preferable. Resizing the columns down doesn't give you any advantage. If you think about an object spanning col 6-9 as opposed to 6-10 on that small phone screen, the visual difference will be quite small. Honestly, it may be perceived as an error not as your intention.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.