Fixed the issue by adding the h3 css to the pageHeader component and …

…fixed the header margin issue on the open source internship programs page Signed-off-by: faatima_abidi <[email protected]>
layer5io · Dec 19, 2024 · 3ae44a9 · 3ae44a9
1 parent a237528
commit 3ae44a9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/reusecore/PageHeader/pageHeader.style.js b/src/reusecore/PageHeader/pageHeader.style.js
@@ -24,6 +24,14 @@ const PageHeaderWrapper = styled.div`
 
                 }
             }
+            h3 {
+                color: ${(props) => props.theme.whiteSixToGreen3C494F};
+                margin-top: 2rem;
+                padding: 0;
+                font-weight: 500;
+                text-align: center;
+                transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+            }
         }
         
         .feature-image{

diff --git a/src/sections/Careers/Careers-Programs-grid/ProgramGrid.style.js b/src/sections/Careers/Careers-Programs-grid/ProgramGrid.style.js
@@ -1,7 +1,6 @@
 import styled from "styled-components";
 export const ProgramsPageWrapper = styled.div`
     
-    margin-top: -2rem;
     h1{
         color: ${props => props.theme.text};
         transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);