Responsive landing page with my own implementation of fluid typography

What are you most proud of, and what would you do differently next time?

I implemented fluid typography in Sass using mixins and functions. It enables responsive font sizing that adjusts based on the viewport width while maintaining a smooth transition between different breakpoints.

@import 'fluid-typography';

$font-family: 'Red Hat Display', sans-serif;
$text-preset-1: (
    font-size: (
        font-size-1: (fs: 2.5rem, vw: $viewport-mobile),
        font-size-2: (fs: 3rem, vw: $viewport-tablet),
        font-size-3: (fs: 4rem, vw: $viewport-desktop),
    ),
    styles: (
        font-family: $font-family,
        font-weight: 900,
        line-height: 110%,
        letter-spacing: 0,
        text-align: center,
    )
);

.header__title {
        @include fluid-typography($text-preset-1);
        color: $slate-900;
    }

What specific areas of your project would you like help with?

Any suggestions are welcome! 😊