What are best practices for building pages that will be accessed on mobile phones? I’ve watched the short YouTube video on the subject (here) and found it helpful but not as comprehensive as I’d like.
I’m working on an app where there will be a public-facing, no-login form. People will go to that form, provide info about themselves, submit the form and be done. No access to anything other than their own form. But I do not know whether those users will be on computers or phones. I think it’s reasonable to expect some of each.
I understand the idea that components are divided into twelve columns. I’m less sure I understand what exactly that means. Does it simply mean that every display screen has twelve invisible parts? If that’s the case, then it looks like, if a form is potentially going to be used both on a computer and on a phone, I should perhaps make sure that all the fields are the same width and piled on top of one another, and no wider perhaps than four or five columns. In other words, don’t put components side by side if I expect mobile phone users to view the page. Does that make sense?