Responsive UI

[ayyrickay]

The width of the content in the page is a few pixels wider than the screen, this causes it to render a scroll bar at the bottom. (Bug bash doc has a screenshot.)

This was developed on a Macbook Pro, so we should get this to work more seamlessly on smaller screens. I think a "half screen mode" would be KILLER.

Some initial thoughts:

• Might require diving into Mobile Development with Paste
• "Half Screen Mode" seems like it's a really killer feature - code in one pane, dev phone in another
• This could be a good first issue for somebody
• As far as the app goes, this is annoying, but a better experience than the overflow NOT scrolling, for example, or all components on the page squishing and overlapping and becoming unusable

[ayyrickay]

Lots of people expect this to be responsive, so post-launch this is probably a top priority.

[mjg123]

Even as-is you need a window.innerWidth of at least 1500px to keep things looking nice, which is really wide.

[hatealgebra]

@ayyrickay

Hi, I would like to have a shot at this issue. Is it mandatory to provide a design for this issue in Figma, Adobe XD or is it also okay to make a "working" example?

I've got couple of ideas in my head, how to solve the stacking up of the elements, etc... Can you just please specify these things for me?

• Smallest supported device?
• Type scale? Mainly font-size for the smaller devices?
• Some other guidelines that I should have in mind?

Thanks for the info.