[IDEA] - display: grid for editor and preview

[BurningTreeC]

Is your feature request related to a problem? Please describe.
I always thought the width of 49% for the editor and the preview is a strange workaround
I tried making the parent div of the toolbar, editor and preview display: grid using the fix-body-editor-refresh branch and that works well and we can display them side by side without gap

[Jermolene]

Hi @BurningTreeC I don't think we need grid here, flexbox should be sufficient.

[BurningTreeC]

Hi @Jermolene yes I tried flexbox and it looked promising. Then I went fullscreen with the editor like I do in the codemirror 6 plugin and tried making the editor and the preview fill the available space while the toolbar stays full width and height auto.

I couldn't manage that using flexbox - but using grid I could

[Jermolene]

Hi @BurningTreeC OK, we'd need one flex container for the toolbar and the main body, and another one for dividing the body into the editor and the preview pane, which I see isn't going to fly with the current HTML structure.

Would you be interested in drafting a PR?

[BurningTreeC]

@Jermolene

Do you mean a PR that's using grid?
If so, then yes

[Jermolene]

Thanks @BurningTreeC yes.