diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
index 38703cf..ff1b484 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
@@ -278,24 +278,20 @@
 		}
 
 		& .category {
-			grid-row: 1;
-			grid-column: 1;
+			grid-area: 1 / 1;
 		}
 
 		& .tags {
-			grid-row: 1;
-			grid-column: 3;
+			grid-area: 1 / 3;
 			white-space: nowrap;
 			overflow: hidden;
 			text-overflow: ellipsis;
 			@media(width<1000px) {
-				grid-row: 2;
-				grid-column: 1 / 5;
+				grid-area: 2 / 1 / 3 / 5;
 			}
 			@media(width<480px){
 				display: inline-block;
-				grid-row: 1;
-				grid-column: 3;
+				grid-area: 1 / 3;
 			}
 		}
 
@@ -313,22 +309,19 @@
 			width: 1px;
 			margin: 3px 0;
 			background-color: var(--font-color);
-			grid-row: 1;
-			grid-column: 2;
+			grid-area: 1 / 2;
 			@media(480px<width<1000px){
 				display: none;
 			}
 		}
 		& .date{
 			display: flex;
-			grid-row: 1;
-			grid-column: 4;
 			vertical-align: middle;
 			align-items: center;
+			grid-area: 1 / 4;
 			@media(width<480px){
 				display: inline-block;
-				grid-row: 2;
-				grid-column: 1 / 5;
+				grid-area: 2 / 1 / 3 / 5;
 			}
 		}
 		& .date svg{