I want to sort out how the website layouts itself for different media types.
At the moment it's quite ad-hoc and breaks violently in some corner cases; for example if the paper includes some very wide non-linebreaking text.
If more than 1000px; center the grid but let top header bar bleed to edges.
Below 1000px, results content area shrinks.
Below 600px, sidebar goes to collapsed menu below search bar.
Try to do this all with CSS only. Try and do it so it's robust to content changes.
I want to sort out how the website layouts itself for different media types. At the moment it's quite ad-hoc and breaks violently in some corner cases; for example if the paper includes some very wide non-linebreaking text.
If more than 1000px; center the grid but let top header bar bleed to edges. Below 1000px, results content area shrinks. Below 600px, sidebar goes to collapsed menu below search bar. Try to do this all with CSS only. Try and do it so it's robust to content changes.