diff --git a/src/components/PoemCard.css b/src/components/PoemCard.css
index 233f606..8d76120 100644
--- a/src/components/PoemCard.css
+++ b/src/components/PoemCard.css
@@ -54,6 +54,11 @@
   gap: 4px;
   background-color: transparent;
   border-radius: 4px;
+  position: relative;
+
+  @media (max-width:640px) {
+    flex-direction: column;
+  }
 }
 
 .poem-card-details .poem-card-content {
@@ -92,6 +97,10 @@
 
   transition: height 0.3s ease-in-out, width 0.3s ease-in-out;
 
+  @media (max-width:640px) {
+    width: 100%;
+  }
+
   &::before {
     content: '';