From 5f146e3ef479e8fc47d849f5d26970874ada58de Mon Sep 17 00:00:00 2001 From: Neeldhara Misra Date: Thu, 25 Jun 2026 04:48:32 +0530 Subject: [PATCH] Align article width with navbar --- sites/art/src/styles/article.css | 9 +++++---- sites/poetry/src/styles/article.css | 9 +++++---- sites/puzzles/src/styles/article.css | 9 +++++---- sites/reflections/src/styles/article.css | 9 +++++---- sites/research/src/styles/article.css | 9 +++++---- sites/reviews/src/styles/article.css | 9 +++++---- sites/vibes/src/styles/article.css | 9 +++++---- src/styles/article.css | 9 +++++---- 8 files changed, 40 insertions(+), 32 deletions(-) diff --git a/sites/art/src/styles/article.css b/sites/art/src/styles/article.css index 18a8824..2fa5219 100644 --- a/sites/art/src/styles/article.css +++ b/sites/art/src/styles/article.css @@ -1,13 +1,14 @@ .blog-post-shell { - width: min(100% - 2rem, 94rem); + width: 100%; + max-width: 64rem; margin-inline: auto; - padding: 3rem 1.75rem 4.5rem; + padding: 3rem 1.5rem 4.5rem; } .blog-article { width: 100%; margin-inline: auto; - max-width: 82rem; + max-width: none; } .blog-post-header { @@ -337,7 +338,7 @@ @media (max-width: 640px) { .blog-post-shell { - padding-inline: 1.15rem; + padding-inline: 1.5rem; } .article-content { diff --git a/sites/poetry/src/styles/article.css b/sites/poetry/src/styles/article.css index 18a8824..2fa5219 100644 --- a/sites/poetry/src/styles/article.css +++ b/sites/poetry/src/styles/article.css @@ -1,13 +1,14 @@ .blog-post-shell { - width: min(100% - 2rem, 94rem); + width: 100%; + max-width: 64rem; margin-inline: auto; - padding: 3rem 1.75rem 4.5rem; + padding: 3rem 1.5rem 4.5rem; } .blog-article { width: 100%; margin-inline: auto; - max-width: 82rem; + max-width: none; } .blog-post-header { @@ -337,7 +338,7 @@ @media (max-width: 640px) { .blog-post-shell { - padding-inline: 1.15rem; + padding-inline: 1.5rem; } .article-content { diff --git a/sites/puzzles/src/styles/article.css b/sites/puzzles/src/styles/article.css index 18a8824..2fa5219 100644 --- a/sites/puzzles/src/styles/article.css +++ b/sites/puzzles/src/styles/article.css @@ -1,13 +1,14 @@ .blog-post-shell { - width: min(100% - 2rem, 94rem); + width: 100%; + max-width: 64rem; margin-inline: auto; - padding: 3rem 1.75rem 4.5rem; + padding: 3rem 1.5rem 4.5rem; } .blog-article { width: 100%; margin-inline: auto; - max-width: 82rem; + max-width: none; } .blog-post-header { @@ -337,7 +338,7 @@ @media (max-width: 640px) { .blog-post-shell { - padding-inline: 1.15rem; + padding-inline: 1.5rem; } .article-content { diff --git a/sites/reflections/src/styles/article.css b/sites/reflections/src/styles/article.css index 18a8824..2fa5219 100644 --- a/sites/reflections/src/styles/article.css +++ b/sites/reflections/src/styles/article.css @@ -1,13 +1,14 @@ .blog-post-shell { - width: min(100% - 2rem, 94rem); + width: 100%; + max-width: 64rem; margin-inline: auto; - padding: 3rem 1.75rem 4.5rem; + padding: 3rem 1.5rem 4.5rem; } .blog-article { width: 100%; margin-inline: auto; - max-width: 82rem; + max-width: none; } .blog-post-header { @@ -337,7 +338,7 @@ @media (max-width: 640px) { .blog-post-shell { - padding-inline: 1.15rem; + padding-inline: 1.5rem; } .article-content { diff --git a/sites/research/src/styles/article.css b/sites/research/src/styles/article.css index 18a8824..2fa5219 100644 --- a/sites/research/src/styles/article.css +++ b/sites/research/src/styles/article.css @@ -1,13 +1,14 @@ .blog-post-shell { - width: min(100% - 2rem, 94rem); + width: 100%; + max-width: 64rem; margin-inline: auto; - padding: 3rem 1.75rem 4.5rem; + padding: 3rem 1.5rem 4.5rem; } .blog-article { width: 100%; margin-inline: auto; - max-width: 82rem; + max-width: none; } .blog-post-header { @@ -337,7 +338,7 @@ @media (max-width: 640px) { .blog-post-shell { - padding-inline: 1.15rem; + padding-inline: 1.5rem; } .article-content { diff --git a/sites/reviews/src/styles/article.css b/sites/reviews/src/styles/article.css index 18a8824..2fa5219 100644 --- a/sites/reviews/src/styles/article.css +++ b/sites/reviews/src/styles/article.css @@ -1,13 +1,14 @@ .blog-post-shell { - width: min(100% - 2rem, 94rem); + width: 100%; + max-width: 64rem; margin-inline: auto; - padding: 3rem 1.75rem 4.5rem; + padding: 3rem 1.5rem 4.5rem; } .blog-article { width: 100%; margin-inline: auto; - max-width: 82rem; + max-width: none; } .blog-post-header { @@ -337,7 +338,7 @@ @media (max-width: 640px) { .blog-post-shell { - padding-inline: 1.15rem; + padding-inline: 1.5rem; } .article-content { diff --git a/sites/vibes/src/styles/article.css b/sites/vibes/src/styles/article.css index 18a8824..2fa5219 100644 --- a/sites/vibes/src/styles/article.css +++ b/sites/vibes/src/styles/article.css @@ -1,13 +1,14 @@ .blog-post-shell { - width: min(100% - 2rem, 94rem); + width: 100%; + max-width: 64rem; margin-inline: auto; - padding: 3rem 1.75rem 4.5rem; + padding: 3rem 1.5rem 4.5rem; } .blog-article { width: 100%; margin-inline: auto; - max-width: 82rem; + max-width: none; } .blog-post-header { @@ -337,7 +338,7 @@ @media (max-width: 640px) { .blog-post-shell { - padding-inline: 1.15rem; + padding-inline: 1.5rem; } .article-content { diff --git a/src/styles/article.css b/src/styles/article.css index 18a8824..2fa5219 100644 --- a/src/styles/article.css +++ b/src/styles/article.css @@ -1,13 +1,14 @@ .blog-post-shell { - width: min(100% - 2rem, 94rem); + width: 100%; + max-width: 64rem; margin-inline: auto; - padding: 3rem 1.75rem 4.5rem; + padding: 3rem 1.5rem 4.5rem; } .blog-article { width: 100%; margin-inline: auto; - max-width: 82rem; + max-width: none; } .blog-post-header { @@ -337,7 +338,7 @@ @media (max-width: 640px) { .blog-post-shell { - padding-inline: 1.15rem; + padding-inline: 1.5rem; } .article-content {