dangrubbb/dangrubb.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Center blog post content properly

Browse Source 
- Use flexbox on blog-post container to center all children
- Set max-width on post container to constrain width
- Ensure content paragraph takes full width and centers text
This commit is contained in:
dangrubbb
2026-02-28 16:45:00 -05:00
parent e5b6d785ed
commit 447265f7ed
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
blog/style.css
View File

@ -229,12 +229,16 @@ a:focus-visible {
} }
.blog-post { .blog-post {
margin: 40px 0; margin: 40px auto;
padding: 20px; padding: 20px;
border: 1px solid rgba(155, 169, 180, 0.2); border: 1px solid rgba(155, 169, 180, 0.2);
border-radius: 4px; border-radius: 4px;
background: linear-gradient(135deg, rgba(13, 10, 20, 0.4), rgba(50, 30, 80, 0.2)); background: linear-gradient(135deg, rgba(13, 10, 20, 0.4), rgba(50, 30, 80, 0.2));
scroll-margin-top: 100px; scroll-margin-top: 100px;
display: flex;
flex-direction: column;
align-items: center;
max-width: 700px;
} }
.blog-post-title { .blog-post-title {
@ -256,9 +260,9 @@ a:focus-visible {
color: #9d9aa4; color: #9d9aa4;
font-size: 0.95rem; font-size: 0.95rem;
line-height: 1.6; line-height: 1.6;
margin: 20px auto; margin: 20px 0;
text-align: center; text-align: center;
max-width: 600px; width: 100%;
} }
.blog-post-content p { .blog-post-content p {