Skip to content

Commit e3c38f7

Browse files
committed
style: update hero title styles for improved typography and responsiveness
- Changed font size and weight for the hero title to enhance visual impact. - Adjusted media query styles for better responsiveness on smaller screens.
1 parent 935d71e commit e3c38f7

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

src/pages/index.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -86,12 +86,12 @@ export default function Home() {
8686
{/* Inline critical CSS for above-the-fold content */}
8787
<style>{`
8888
.heroBanner_KU2A{padding:2rem 0 0 0;text-align:center;position:relative;overflow:hidden}
89-
.hero__title{font-size:3rem;font-weight:900;line-height:1.2;margin-bottom:0;color:var(--ifm-font-color-base)}
89+
.hero__title{font-size:62px;font-weight:700;line-height:115%;margin-bottom:0;color:var(--ifm-font-color-base);font-family:'Montserrat',sans-serif;margin-top:2rem}
9090
.theme-layout-footer{min-height:350px}
9191
.footer__links{min-height:200px}
9292
.footer__col{min-height:180px}
9393
.footer__bottom{min-height:50px}
94-
@media screen and (max-width:966px){.heroBanner_KU2A{padding:2rem}.hero__title{font-size:2rem}.theme-layout-footer{min-height:600px}.footer__links{min-height:450px}.footer__col{min-height:100px}}
94+
@media screen and (max-width:966px){.heroBanner_KU2A{padding:2rem}.hero__title{font-size:48px}.theme-layout-footer{min-height:600px}.footer__links{min-height:450px}.footer__col{min-height:100px}}
9595
`}</style>
9696

9797
{/* Prefetch important pages */}

0 commit comments

Comments
 (0)