Fix UI issues in multiple pages Susmita-Dey#633

Kiran1689 · Dec 2, 2023 · d96634d · d96634d
1 parent 115aaf3
commit d96634d
Show file tree

Hide file tree

Showing 4 changed files with 488 additions and 498 deletions.
diff --git a/css/readingTherapy.css b/css/readingTherapy.css
@@ -435,6 +435,7 @@ hr {
   border-radius: 3.1rem;
   border: 5px solid #2b2b2b;
   margin: 1.4rem;
+  overflow: hidden;
 }
 
 .container {
@@ -581,7 +582,9 @@ hr {
   font-weight: 300;
   text-transform: initial;
 }
-
+.contentBx {
+  margin-top: 20px;
+}
 .container .card .sci {
   position: absolute;
   bottom: 50px;

diff --git a/css/spirituality.css b/css/spirituality.css
@@ -486,11 +486,8 @@ footer{
   }
 
   .footer-side-col{
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    /* grid-template-columns: repeat(4,1fr);
-    width: 80%; */
+    display: grid;
+    grid-template-columns: repeat(4,1fr);
   }
 
   .footer-side-col > .col{
@@ -573,19 +570,6 @@ footer{
     color: white;
   }
 
-  .footer-container .col ul li a:after {
-    content: "";
-    position: absolute;
-    width: 100%;
-    transform: scaleX(0);
-    height: 2px;
-    bottom: 0;
-    left: 0;
-    background-color: cyan;
-    transform-origin: bottom right;
-    transition: transform 0.25s ease-out;
-  }
-
   .footer-container .col ul li a:hover:after {
     transform: scaleX(1);
     transform-origin: bottom left;