Font sizes - Githubissues

ogallagher / tejos_textiles

An online arts journal for publishing works in a new medium

MIT License

1 stars 0 forks source link

Font sizes #74

Closed ogallagher closed 4 years ago

ogallagher commented 4 years ago

Fonts get smaller for smaller screens, and larger for larger screens. However, in some cases the growing is too fast (too large on computers), or the shrinking is too slow (too large on mobile).

[x] The most obvious case of the latter is the textile title bar, which takes up way too much space on a phone right now.
[x] Another example are the fragment cards below the featured textile, whose content font is too large on a computer.

narrow fragment, wide screen

fragment_wide_screen

wide fragment, narrow screen

fragment_narrow_screen

ogallagher commented 4 years ago

[x] Gallery collection tile titles are too big around width 1024px; the content goes beyond the height of the tile

ogallagher commented 4 years ago

Another example are the fragment cards below the featured textile, whose content font is too large on a computer.

Instead of shrinking the font in this scenario, I made work_tile.html components display in two columns at more screen widths, only moving to three at “extra-large” (bootstrap -xl classes).