diff --git a/styles/_common.scss b/styles/_common.scss
index 5d05d8d..0ed567e 100644
--- a/styles/_common.scss
+++ b/styles/_common.scss
@@ -27,6 +27,6 @@ body {
 
 @media (min-width: 1024px) {
     :root {
-        --container-width: 48rem;
+        --container-width: 64rem;
     }
 }
diff --git a/styles/blocks/_category.scss b/styles/blocks/_category.scss
index b923daa..d2215a1 100644
--- a/styles/blocks/_category.scss
+++ b/styles/blocks/_category.scss
@@ -8,8 +8,9 @@
 .category__posts {
     display: grid;
     grid-template-columns: repeat(var(--category__post-num-columns), 1fr);
-    column-gap: 1rem;
-    row-gap: 1rem;
+    background-color: #fff;
+    border-radius: 0.5rem;
+    box-shadow: 0 0 1.5rem rgb(0 0 0 / 10%);    
 }
 .category__link {
     background: #4338ca;
@@ -22,9 +23,19 @@
     margin: 1rem auto;
     width: 12rem;
 }
+@media (min-width: 640px) {
+    :root {
+        --category__post-num-columns: 2;
+    }
+}
 @media (min-width: 768px) {
     :root {
         --category__name-font-size: 2rem;
-        --category__post-num-columns: 5;
+        --category__post-num-columns: 3;
     }
 }
+@media (min-width: 1024px) {
+    :root {
+        --category__post-num-columns: 5;
+    }
+}
\ No newline at end of file
diff --git a/styles/blocks/_pattern.scss b/styles/blocks/_pattern.scss
index f1076b3..3423254 100644
--- a/styles/blocks/_pattern.scss
+++ b/styles/blocks/_pattern.scss
@@ -1,8 +1,7 @@
 .pattern__item {
-    background-color: #fff;
-    border-radius: 0.5rem;
-    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
-    padding: 0.5rem;
+    border-bottom: 1px solid #d1d5db;
+    border-right: 1px solid #d1d5db;
+    padding: 1rem;
     text-align: center;
 }
 .pattern__link {