fixed paragraph getting ouside of box (subhadipbhowmik#64)

Co-authored-by: Shubhadip Bhowmik <[email protected]>
lovelymahor · May 31, 2024 · 1f36df9 · 1f36df9
1 parent ad85d05
commit 1f36df9
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
@@ -4,21 +4,29 @@
   justify-content: center;
   padding: 4rem 0;
 }
+
 .featureContainer {
   padding: 1rem;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   background-color: var(--ifm-font-color-base-inverse);
   margin: 1rem;
   transition: box-shadow 0.3s ease;
-  height: 435px;
+  min-height: 410px;
+  max-height: 410px;
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
   word-wrap: break-word;
 }
 
 .featureContainer:hover {
   box-shadow: 0 8px 20px var(--ifm-font-color-base);
   transform: translateY(-10px);
 }
+
 .featureSvg {
   height: 200px;
   width: 200px;
@@ -35,4 +43,4 @@
 .heading {
   margin-top: 0;
   font-size: 1.5rem;
-}
+}