From e1b874140f7a667632c879180b26ff723942c212 Mon Sep 17 00:00:00 2001 From: sandbank52641 <153552626+sandbank52641@users.noreply.github.com> Date: Fri, 29 Dec 2023 15:58:45 +0100 Subject: [PATCH] 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 --- static/main.css | 1 + 1 file changed, 1 insertion(+) 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 {