Refine Medium layout: wider hero image, reordered comments, thumbnail nav

2026-03-13 10:01:03 -04:00
parent fcb4ea4188
commit bedc33bd1e
3 changed files with 87 additions and 32 deletions
--- a/style.css
+++ b/style.css
@@ -227,6 +227,10 @@ a:hover {
 	color: var(--brand-deep-midnight);
 }

+.comment-list .comment-author .says {
+	display: none;
+}
+
 .comment-list .comment-author img {
 	border-radius: 50%;
 }
@@ -295,4 +299,24 @@ a:hover {

 .footer-link:hover {
 	color: var(--brand-gold-leaf);
+}
+
+/* --- 5. Article Details Custom Styles --- */
+.article-hero-image {
+	width: 100%;
+}
+
+@media (min-width: 992px) {
+	.article-hero-image {
+		width: calc(100% + 20%);
+		margin-left: -10%;
+	}
+}
+
+.post-nav-thumbnail {
+	width: 80px;
+	height: 80px;
+	object-fit: cover;
+	border-radius: 4px;
+	flex-shrink: 0;
 }