Blogs/blogs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Align article width with navbar
Some checks are pending
Build / build (push) Waiting to run
Details

Browse source
This commit is contained in:
Neeldhara Misra 2026-06-25 04:48:32 +05:30
parent 7ea3a668b1
commit 5f146e3ef4
8 changed files with 40 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

9
sites/art/src/styles/article.css
View file

@ -1,13 +1,14 @@
.blog-post-shell { .blog-post-shell {
width: min(100% - 2rem, 94rem); width: 100%;
max-width: 64rem;
margin-inline: auto; margin-inline: auto;
padding: 3rem 1.75rem 4.5rem; padding: 3rem 1.5rem 4.5rem;
} }
.blog-article { .blog-article {
width: 100%; width: 100%;
margin-inline: auto; margin-inline: auto;
max-width: 82rem; max-width: none;
} }
.blog-post-header { .blog-post-header {
@ -337,7 +338,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.blog-post-shell { .blog-post-shell {
padding-inline: 1.15rem; padding-inline: 1.5rem;
} }
.article-content { .article-content {

9
sites/poetry/src/styles/article.css
View file

@ -1,13 +1,14 @@
.blog-post-shell { .blog-post-shell {
width: min(100% - 2rem, 94rem); width: 100%;
max-width: 64rem;
margin-inline: auto; margin-inline: auto;
padding: 3rem 1.75rem 4.5rem; padding: 3rem 1.5rem 4.5rem;
} }
.blog-article { .blog-article {
width: 100%; width: 100%;
margin-inline: auto; margin-inline: auto;
max-width: 82rem; max-width: none;
} }
.blog-post-header { .blog-post-header {
@ -337,7 +338,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.blog-post-shell { .blog-post-shell {
padding-inline: 1.15rem; padding-inline: 1.5rem;
} }
.article-content { .article-content {

9
sites/puzzles/src/styles/article.css
View file

@ -1,13 +1,14 @@
.blog-post-shell { .blog-post-shell {
width: min(100% - 2rem, 94rem); width: 100%;
max-width: 64rem;
margin-inline: auto; margin-inline: auto;
padding: 3rem 1.75rem 4.5rem; padding: 3rem 1.5rem 4.5rem;
} }
.blog-article { .blog-article {
width: 100%; width: 100%;
margin-inline: auto; margin-inline: auto;
max-width: 82rem; max-width: none;
} }
.blog-post-header { .blog-post-header {
@ -337,7 +338,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.blog-post-shell { .blog-post-shell {
padding-inline: 1.15rem; padding-inline: 1.5rem;
} }
.article-content { .article-content {

9
sites/reflections/src/styles/article.css
View file

@ -1,13 +1,14 @@
.blog-post-shell { .blog-post-shell {
width: min(100% - 2rem, 94rem); width: 100%;
max-width: 64rem;
margin-inline: auto; margin-inline: auto;
padding: 3rem 1.75rem 4.5rem; padding: 3rem 1.5rem 4.5rem;
} }
.blog-article { .blog-article {
width: 100%; width: 100%;
margin-inline: auto; margin-inline: auto;
max-width: 82rem; max-width: none;
} }
.blog-post-header { .blog-post-header {
@ -337,7 +338,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.blog-post-shell { .blog-post-shell {
padding-inline: 1.15rem; padding-inline: 1.5rem;
} }
.article-content { .article-content {

9
sites/research/src/styles/article.css
View file

@ -1,13 +1,14 @@
.blog-post-shell { .blog-post-shell {
width: min(100% - 2rem, 94rem); width: 100%;
max-width: 64rem;
margin-inline: auto; margin-inline: auto;
padding: 3rem 1.75rem 4.5rem; padding: 3rem 1.5rem 4.5rem;
} }
.blog-article { .blog-article {
width: 100%; width: 100%;
margin-inline: auto; margin-inline: auto;
max-width: 82rem; max-width: none;
} }
.blog-post-header { .blog-post-header {
@ -337,7 +338,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.blog-post-shell { .blog-post-shell {
padding-inline: 1.15rem; padding-inline: 1.5rem;
} }
.article-content { .article-content {

9
sites/reviews/src/styles/article.css
View file

@ -1,13 +1,14 @@
.blog-post-shell { .blog-post-shell {
width: min(100% - 2rem, 94rem); width: 100%;
max-width: 64rem;
margin-inline: auto; margin-inline: auto;
padding: 3rem 1.75rem 4.5rem; padding: 3rem 1.5rem 4.5rem;
} }
.blog-article { .blog-article {
width: 100%; width: 100%;
margin-inline: auto; margin-inline: auto;
max-width: 82rem; max-width: none;
} }
.blog-post-header { .blog-post-header {
@ -337,7 +338,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.blog-post-shell { .blog-post-shell {
padding-inline: 1.15rem; padding-inline: 1.5rem;
} }
.article-content { .article-content {

9
sites/vibes/src/styles/article.css
View file

@ -1,13 +1,14 @@
.blog-post-shell { .blog-post-shell {
width: min(100% - 2rem, 94rem); width: 100%;
max-width: 64rem;
margin-inline: auto; margin-inline: auto;
padding: 3rem 1.75rem 4.5rem; padding: 3rem 1.5rem 4.5rem;
} }
.blog-article { .blog-article {
width: 100%; width: 100%;
margin-inline: auto; margin-inline: auto;
max-width: 82rem; max-width: none;
} }
.blog-post-header { .blog-post-header {
@ -337,7 +338,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.blog-post-shell { .blog-post-shell {
padding-inline: 1.15rem; padding-inline: 1.5rem;
} }
.article-content { .article-content {

9
src/styles/article.css
View file

@ -1,13 +1,14 @@
.blog-post-shell { .blog-post-shell {
width: min(100% - 2rem, 94rem); width: 100%;
max-width: 64rem;
margin-inline: auto; margin-inline: auto;
padding: 3rem 1.75rem 4.5rem; padding: 3rem 1.5rem 4.5rem;
} }
.blog-article { .blog-article {
width: 100%; width: 100%;
margin-inline: auto; margin-inline: auto;
max-width: 82rem; max-width: none;
} }
.blog-post-header { .blog-post-header {
@ -337,7 +338,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.blog-post-shell { .blog-post-shell {
padding-inline: 1.15rem; padding-inline: 1.5rem;
} }
.article-content { .article-content {