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 {