diff options
| author | sandbank52641 <153552626+sandbank52641@users.noreply.github.com> | 2023-12-29 15:58:45 +0100 |
|---|---|---|
| committer | Daniel Micay <danielmicay@gmail.com> | 2023-12-29 11:05:14 -0500 |
| commit | e1b874140f7a667632c879180b26ff723942c212 (patch) | |
| tree | 9cb32a686ee3d852b98af775e9cec358fc7a48be /static/main.css | |
| parent | 1e5420b53d9d14415c9cde64e63b31e20f64c1d3 (diff) | |
Add maximum width for social link list in footer
According to the Material Design 3 guidelines, the ideal line length is
between 40 and 60 characters [1]. As the list of social links in the
footer has become wide, we will simply wrap it to 60 characters here.
Links:
[1]: https://m3.material.io/foundations/layout/applying-layout/window-size-classes#:~:text=ideal%20line%20length%20for%20text%20is%2040%2D60%20characters
Diffstat (limited to 'static/main.css')
| -rw-r--r-- | static/main.css | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/static/main.css b/static/main.css index a4871382..24c3c552 100644 --- a/static/main.css +++ b/static/main.css @@ -239,6 +239,7 @@ footer a, footer a:visited { margin-top: 2em; padding: 0; list-style-type: none; + max-inline-size: 60ch; } #social li { |