vhx / quartz-react

Quartz components using React
2 stars 1 forks source link

Update mobile breakpoint classnames #42

Closed sebastiansandqvist closed 7 years ago

sebastiansandqvist commented 7 years ago

Overview

On large screens, the code section should take up less space and the content section should take up more. Right now, they're each equal. This PR makes their respective widths more suitable for any given screen size.

This only applies at small & tablet-sized browser widths. The desktop layout remains as it was before.

Before:

The code section is too narrow to be useful on a small screen

Before: narrow layout

After:

Stacked layout improves overall viewing experience

After: narrow layout