diff --git a/src/apps/styles/breakpoint.ts b/src/apps/styles/breakpoint.ts
index 33a2a1f..281c63c 100644
--- a/src/apps/styles/breakpoint.ts
+++ b/src/apps/styles/breakpoint.ts
@@ -1,4 +1,5 @@
 export const BREAKPOINT = {
     TABLET: `@media screen and (min-width: 768px) and (max-width: 1024px)`,
     MOBILE: `@media screen and (max-width: 767px)`,
+    MOBILE_SMALL: `@media screen and (max-width: 576px)`,
 };
diff --git a/src/components/GuestBookPage/GuestBookCard/GuestBookCardContainer.style.ts b/src/components/GuestBookPage/GuestBookCard/GuestBookCardContainer.style.ts
index 51f2573..9c8fe5f 100644
--- a/src/components/GuestBookPage/GuestBookCard/GuestBookCardContainer.style.ts
+++ b/src/components/GuestBookPage/GuestBookCard/GuestBookCardContainer.style.ts
@@ -11,4 +11,7 @@ export const Container = styled.div`
     ${BREAKPOINT.MOBILE} {
         grid-template-columns: repeat(2, 1fr);
     }
+    ${BREAKPOINT.MOBILE_SMALL} {
+        grid-template-columns: repeat(1, 1fr);
+    }
 `;