Closed ghost closed 5 years ago
For now, I've set the viewport width to 1024 for mobile devices.
forcing users zoom = Last resort.
To specify portal-specific collapsibility of the type spec is resort one.
... to use vars, A combination of smaller, narrower and lighter.
Which pages do you currently think of the hardest?
On Feb 27, 2019, at 3:36 PM, Chris Lewis notifications@github.com wrote:
Many of the layouts, particularly the examples, don't work well on smaller screens. @dberlow asked me to post this screenshot:
Quick fix could be to set the meta viewport tag to just have the phone zoom out to desktop size and make people zoom in to read it.
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.
Side-by-side are the hardest, e.g. HEADLINE ONE / TWO / Three, or the Slippery Service newspaper-style layouts.
Yes it would be great to specify the type in a scalable way... which basically requires actually laying it out at various widths because it's all trial and error for the most part.
Difficult ones:
Wrong button
It’s not gonna be trial and error by the time I’m finished with it;)
On Feb 27, 2019, at 5:30 PM, Chris Lewis notifications@github.com wrote:
Side-by-side are the hardest, e.g. HEADLINE ONE / TWO / Three, or the Slippery Service newspaper-style layouts.
Yes it would be great to specify the type in a scalable way... which basically requires actually laying it out at various widths because it's all trial and error for the most part.
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.
I've taken the "artificial" large viewport setting out, so it will properly shrink down with the screen now. Will start work on the problem areas.
Updated the styles grid for narrow screens. It's not super pretty but it does the job.
Side-by-side editorials also now go vertical when there's not space.
Headlines still need some work but everything else here is done.
Many of the layouts, particularly the examples, don't work well on smaller screens. @dberlow asked me to post this screenshot:![image2](https://user-images.githubusercontent.com/587009/53517588-daf31000-3a83-11e9-8c84-600deea06213.png)
Quick fix could be to set the meta viewport tag to just have the phone zoom out to desktop size and make people zoom in to read it.