Cybertron theme + Cyber LYT

Share & showcase
81

I can actually help here, too. Add this as a snippet and play with the max-width values. These seem to work for me. 1000px is the ‘break point’ for the display rule, so if it doesn’t jive, you can experiment with that part, too.

Note - copy this as-is. The indentations are important on a nested media query.

@media screen and (min-width: 1000px) {
  .markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
    max-width: 900px;
  }
  .markdown-source-view.is-readable-line-width .CodeMirror {
    max-width: 900px;
  }
}

First one is for preview, second is for the editor.
I had similar problems when using a Surface. The resolution is really high for such a small screen.

Hope that helps!

2 Likes