or
Monica
completed feature-request
I just answered a question (my first time posting here), and this is the edit window I was presented with:

![Screen Shot 2019-12-01 at 12.52.40 PM.png](/image?hash=ed905782c62566de9030deda1f0c5555fc1462e0575ff6908e3794ce799e4e4f)

That is...not ideal.  The question is hard to read, and I didn't even use the whole column so the extra space for entry and preview didn't help me.  I get why this would be helpful for longer posts or for people who go full-screen with their browsers on huge monitors, but I can't do that. My current browser width is 1157px, which does not seem unreasonable.  (It's wider than what would allow me to have browser and editor side by side, a not-infrequent desire.  And it's almost as wide as my tablet can support full-screen.)  Also, zoom makes this layout worse, and some of us need a little help there.

I don't have a concrete suggestion here.  From SE I'm used to the preview being below rather than next to the edit window, but that does lead to undesirable scrolling sometimes.  I don't know how well the side-by-side setup here would work with code, though.  Maybe what I (someone who is pretty fluent in Markdown) want is for the preview to be smaller but *expandable*, so I can mostly ignore it and then check my work if I'm doing something tricky (or before posting).
Top Answer
James Douglas
We have now made the edit and post pages use a responsive layout:

Wide screen answer:

![Screenshot 2020-02-29 at 10.49.56.png](/image?hash=e49df008e8a5e83f6976fe9a0f9fcbfd6091ac73e1961d0d3f64f4ed729b94c7)

Medium screen answer:

![Screenshot 2020-02-29 at 10.43.37.png](/image?hash=315f0c3f0b0f9879da40e328bee319efae41d450a615c31516aea0bd53cd05f6)

Small screen answer:

![Screenshot 2020-02-29 at 10.59.46.png](/image?hash=6e3386ab4ff2bdaed45f212ae5bb351eb5be27112a00d7360cbbb9fbfd2bbca0)

Additionally, these elements get zapped when the viewport is too small:

![Screenshot.png](/image?hash=03af626e1fff6b905b36b871a8b61c09137edb293f4539d8356a64e781ccacdc)
Answer #2
Caleb
These days assuming a wide screen by default is much better than assuming a narrow one. I _love_ the effective use of my screen real-estate using side panes like this.

That being said, I don't think the site should be making _any_ assumptions. Instead it should be adapting. Literally all major browsers these days have good support for flexible layouts (usually known as "responsive") that adapt to their shape and size. In this case I think the post compose screen should have a couple different modes and the overall available space would be used to select the best mode by default. When there is not realyl enough horizontal real-estate available, first the question and then the preview panes should revert to a verticle stacked layout.

When this works properly, everything from mobile devices to wrap around monster desk screens will be first class citizens.
Answer #3
Paul White
In other views, the border between the questions and answers pane and the associated chat room is movable.

This feature should be replicated so people can configure the layout to their own preferences when writing a question or an answer.
Answer #4
Jack Douglas
**Update:** now implemented, see [@James' answer](/meta?q=228#a892)

---

The new plan is to adapt the layout according to the viewport width.

I've moved this on to [to a GitHub issue](https://github.com/topanswers/topanswers/issues/12) so work can begin, and will update the post here when it is complete.
Please do not assume wide screens
Monica replying to James Douglas
Very nice!  That's a big improvement.  Ship it. :-)
James Douglas
@Monica we're trialing a new responsive layout for answering. If you like it, we'll roll it out to the question page as well
Monica
And I hope (disclaimer: front-end dev is *not* my area) there are common libraries or design patterns that help with responsive layout, so everyone doesn't have to figure it all out anew.  I hope.
Caleb
Having given this a second thought yes you are right, the best practice is to assume small and work up (mobile first). This fits the progressive enhancement paradigm. It's a lot easier to add features where there is space than cram them in where there is not, and the core functionality should work at small sizes and build up from there.
Monica
I agree with your order of priorities for switching to vertical layout on the page in my question.  That would be a good approach.
Monica
@Caleb Yeah, we shouldn't be making assumptions and designing things that don't work at some sizes.  (If you err for small then at least you don't *break* things; it's just ugly.  Too wide for the screen, on the other hand, makes sites unusable.  But this is a tangent because we shouldn't bake in these assumptions at all.)