デザインの微調整

src/routes/(DefaultStyle)/[slug]/grid.svelte

@@ -89,8 +89,8 @@
         width: 100%;
         color: var(--font-color);
 
-        & .title{
-            font-size: 1.25em;
+        & .title {
+            font-size: 1.17em;
             font-weight: bold;
             margin: 4px 8px;
         }

src/routes/(DefaultStyle)/post/[slug]/+page.svelte

@@ -101,16 +101,18 @@
 <style>
 	#blog {
 		display: flex;
-        margin: 2.5%;
+        margin: 25px 2.5%;
 		gap: 20px;
 	}
 	aside {
+		min-width: 280px;
+		max-width: 320px;
+
 		@media (width<1000px) {
 			display: none;
 		}
 	
 		& #side {
-			width: 280px;
 			display: flex;
 			flex-direction: column;
 			row-gap: 20px;
@@ -132,6 +134,8 @@
 
 	article {
 		min-width: 0;
+		max-width: 60rem;
+		margin: 0 auto;
 		flex-grow: 1;
 		padding: 0 20px;
 		border-radius: 8px;
@@ -144,6 +148,9 @@
 			margin: 0;
 			padding: 5px;
 			border-bottom: 1px solid;
+			@media(width<480px) {
+				font-size: 1.5em;
+			}
 		}
 		& .thumbnail {
 			display: block;
@@ -151,6 +158,7 @@
 			max-height: 50vh;
 		}
 		& img {
+			height: 25vh;
 			max-width: 100%;
 			max-height: 100%;
 			object-fit: contain;