tweak blog header

keithamus · keithamus · commit 331f2f4fe843 · 2023-01-11T18:31:37.000Z
diff --git a/css/blog.css b/css/blog.css
@@ -14,7 +14,7 @@ main > h1 {
 main > header {
   border-bottom: var(--border-size-2) solid var(--brand-color-dark);
   margin-block-end: var(--size-4);
-  max-inline-size: 100%;
+  max-inline-size: 100ch;
 }
 
 main > header > h1 {
@@ -43,7 +43,8 @@ main > header > h1 {
 }
 
 .blog-listing picture {
-  margin-block-end: var(--size-4);
+  display: block;
+  margin-block-end: var(--size-3);
 }
 
 .author-block {

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ main > h1 {`
`14`	`14`	`main > header {`
`15`	`15`	`border-bottom: var(--border-size-2) solid var(--brand-color-dark);`
`16`	`16`	`margin-block-end: var(--size-4);`
`17`		`- max-inline-size: 100%;`
	`17`	`+ max-inline-size: 100ch;`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`main > header > h1 {`
`@@ -43,7 +43,8 @@ main > header > h1 {`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`.blog-listing picture {`
`46`		`- margin-block-end: var(--size-4);`
	`46`	`+ display: block;`
	`47`	`+ margin-block-end: var(--size-3);`
`47`	`48`	`}`
`48`	`49`
`49`	`50`	`.author-block {`