Skip to content

Commit b6c67bd

Browse files
committed
updated the title on homepage
1 parent c93470a commit b6c67bd

File tree

1 file changed

+9
-5
lines changed

1 file changed

+9
-5
lines changed

src/components/header/header.css

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,8 @@
3232
flex-direction: column;
3333
margin-right: 2rem;
3434
}
35+
36+
/* Updated heading styles to center the text and add spacing */
3537
[data-theme='light'] .chh__header-content h1 {
3638
font-weight: 700;
3739
font-size: 56px;
@@ -48,6 +50,9 @@
4850
-webkit-background-clip: text;
4951
-webkit-text-fill-color: transparent;
5052
transition: background 0.3s ease-in-out;
53+
text-align: center; /* Center the heading text */
54+
width: 100%; /* Ensure it takes full width for proper centering */
55+
margin-top: 2rem; /* Push heading down for better spacing */
5156
}
5257

5358
[data-theme='dark'] .chh__header-content h1 {
@@ -66,10 +71,11 @@
6671
-webkit-background-clip: text;
6772
-webkit-text-fill-color: transparent;
6873
transition: background 0.3s ease-in-out;
74+
text-align: center; /* Center the heading text */
75+
width: 100%; /* Ensure it takes full width for proper centering */
76+
margin-top: 2rem; /* Push heading down for better spacing */
6977
}
7078

71-
72-
7379
.chh__header-content p {
7480
font-family: var(--font-family);
7581
font-weight: 400;
@@ -86,7 +92,6 @@
8692
color: #ccc; /* Softer white for dark mode */
8793
}
8894

89-
9095
html.theme-dark .chh__header-content p {
9196
color: #ccc;
9297
}
@@ -205,7 +210,6 @@ html.theme-dark .chh__header-content p {
205210
padding: 0.3rem;
206211
border-radius: 10% 40%;
207212
min-height: 400px;
208-
209213
}
210214

211215
.chh__header-image img {
@@ -310,4 +314,4 @@ html.theme-dark .chh__header-content p {
310314
.navbar__title {
311315
display: none;
312316
}
313-
}
317+
}

0 commit comments

Comments
 (0)