Wider Layout on Larger Displays

Toph uses a fixed-width layout on most pages. One of the few exceptions is the arena where the layout is full-width.

We have introduced an additional breakpoint in Sleek, Toph’s CSS framework, so that on displays that are larger, Toph will render a layout that is also slightly wider.

Screenshot of toph.co
Screenshot of toph.co

Per our analytics almost 40% of toph.co visitors use a screen larger than 1400px.

Screenshot of toph.co screen size analytics
40% of toph.co visitors use a 1536px or larger display

On these displays Toph will now render a slightly wider layout (+180px).


October 5, 2023

Discussion