From 36da86b3f128315a7a2bb8af286aa1d2afe4cf8a Mon Sep 17 00:00:00 2001 From: Russ Cox Date: Wed, 17 Nov 2021 14:12:38 -0500 Subject: go.dev/_content/css: move header bar to edges of page, like footer Right now the header is constrained to the middle 75.75em of the page. That lines up nicely when content is also limited to the middle 75.75em, but some pages will want to allow a wider viewport, and then it looks weird to have the content starting to the left of the Go logo and continuing past the right of the tabs. Let the header expand to the left and right sides of the page (up to a margin on wider devices), just like the footer. Change-Id: Ic667ec8d23dfb06ab6c532caad6b507dd5ce6fe5 Reviewed-on: https://go-review.googlesource.com/c/website/+/364814 Trust: Russ Cox Run-TryBot: Russ Cox TryBot-Result: Go Bot Reviewed-by: Jamal Carvalho --- go.dev/_content/css/styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'go.dev/_content/css/styles.css') diff --git a/go.dev/_content/css/styles.css b/go.dev/_content/css/styles.css index d4b792c0..7c426baf 100644 --- a/go.dev/_content/css/styles.css +++ b/go.dev/_content/css/styles.css @@ -160,7 +160,6 @@ a:hover { display: flex; justify-content: space-between; margin: 0 auto; - max-width: 75.75rem; min-height: 2.5rem; padding: 0.5rem 1.5rem; } @@ -207,6 +206,8 @@ a:hover { .Header, .Container { margin: 0 auto; +} +.Container { max-width: 75.75rem; } .Container--padded { -- cgit v1.3-5-g9baa