git: 1a9d34a6e1 - main - website: Add max-width to the main container

From: Mateusz Piotrowski <0mp_at_FreeBSD.org>
Date: Mon, 01 Jul 2024 18:28:24 UTC
The branch main has been updated by 0mp:

URL: https://cgit.FreeBSD.org/doc/commit/?id=1a9d34a6e10c54cb34b3f2ae0721a9bfebd468f3

commit 1a9d34a6e10c54cb34b3f2ae0721a9bfebd468f3
Author:     Janek Szynal <mail@janek.ooo>
AuthorDate: 2024-06-28 18:16:50 +0000
Commit:     Mateusz Piotrowski <0mp@FreeBSD.org>
CommitDate: 2024-07-01 18:27:16 +0000

    website: Add max-width to the main container
    
    Adding max-width to the main container of the website makes it display
    better on large (wide) screens. Before this change, the website would
    stretch to the entire width of the screen. Since it was not designed for
    wide screens, this causes some layout and readability issues (e.g., nav
    bar /menu moves down and "leaves" its container and a lot of empty space
    is created between elements.
    
    Reviewed by:            0mp
    Differential Revision:  https://reviews.freebsd.org/D45801
---
 website/themes/beastie/static/css/layout.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/website/themes/beastie/static/css/layout.css b/website/themes/beastie/static/css/layout.css
index 6e2be1b3c5..43527d12dc 100644
--- a/website/themes/beastie/static/css/layout.css
+++ b/website/themes/beastie/static/css/layout.css
@@ -11,6 +11,7 @@
 #container {
   margin: 0em auto;
   width: 90%;
+  max-width: 1600px;
   text-align: left; /* Win IE5 */
 }