clagnut / webtypography

The source code for WebTypography.net, a practical guide to web typography.
WebTypography.net
Other
827 stars 120 forks source link

Adjust layout for larger screens to handle column text length #35

Open 06b opened 4 years ago

06b commented 4 years ago

As pointed out in #23, when viewing the site on large screens, the column text length exceeds over 90 characters.

This pull request adjusts parts of the layout to a fixed size on screens larger than 1280px to match the layout when monitors were smaller (as the site was originally designed).

I attempted to fix some of the issues with table of content numbers & thumbnails (on large screens) from this change. The only other adjustment was to handle the Sidenote example on 2.2.2.

This does not handle any of the issues related to what happens in narrow widths as pointed out in https://github.com/clagnut/webtypography/issues/23#issuecomment-433756845.