Merge pull request #929 from AbhinaySngh/abhinay_issue#756

Fixed flickering issue on service page
khushi-joshi-05 · Jun 4, 2024 · c5a7253 · c5a7253
2 parents 5576941 + 69253c7
commit c5a7253
Show file tree

Hide file tree

Showing 2 changed files with 240 additions and 205 deletions.
diff --git a/Css-files/services.css b/Css-files/services.css
@@ -7,6 +7,13 @@
 
 }
 
+.section1 {
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
 .section__title {
     font-size: 4em;
     font-weight: bold;
@@ -16,12 +23,17 @@
     animation: gradient-animation 3s infinite;
 }
 
-.section__title:hover {
-    border-bottom: 3px solid rgb(138, 37, 37);
+.section1>hr {
+    opacity: 0;
+    border-width: 2px;
+}
+
+.section1:hover>hr {
+    border-bottom: 2px solid rgb(138, 37, 37);
     /* Add bottom border on hover */
-    border-top: 3px solid rgb(138, 37, 37);
+    border-top: 2px solid rgb(138, 37, 37);
     width: 50%;
-    margin-left: 370px;
+    opacity: 1;
 }
 
 #active-page {