Format literally everything

src/layouts/BlogPost.astro

@@ -28,7 +28,7 @@ const {
 				margin: 0.25em 0 0;
 			}
 			hr {
-  				border-top: 1px solid #DDD;
+				border-top: 1px solid #ddd;
 				margin: 1rem 0;
 			}
 		</style>
@@ -38,18 +38,17 @@ const {
 		<Header />
 		<main>
 			<article>
-				{heroImage && (
-					<img
-						width={720}
-						height={360}
-						src={heroImage}
-						alt=""
-					/>
-				)}
+				{heroImage && <img width={720} height={360} src={heroImage} alt="" />}
 				<h1 class="title">{title}</h1>
 				{added && <time>{added}</time>}
-				{updatedDate && <div>Last updated on <time>{updatedDate}</time></div>}
-				<hr/>
+				{
+					updatedDate && (
+						<div>
+							Last updated on <time>{updatedDate}</time>
+						</div>
+					)
+				}
+				<hr />
 				<slot />
 			</article>
 		</main>