Fix post cover image size on desktop and make title more responsive

src/layouts/BlogPost.astro

@@ -48,14 +48,26 @@ const { title, pubDate, banner: cover, bannerAlt: coverAlt } = Astro.props;
 
 		.cover-box {
 			padding-top: 1em;
+			display: flex;
+			justify-content: center;
 		}
 
 		.cover-image {
 			border-radius: var(--image-radius);
-			margin-left: auto;
+		}
+
+		/* For mobile phones: */
+		@media only screen and (max-width: 768px) {
+			.cover-box {
+				display: block;
+				padding-top: 1em;
+			}
+
+			.cover-image {
 				height: 100%;
 				width: 100%;
 			}
+		}
 	</style>
 	<style is:global>
 		.prose img {

src/styles/global.css

@@ -83,4 +83,8 @@ li img {
 	main {
 		min-width: 100%;
 	}
+
+	#title {
+		font-size: 5.9vw;
+	}
 }