Fix: Font responsiveness

[adiati98]

Linked Issue

Fixes #924

Description

This PR holds below changes:

• Comment out font sizes for h2 to h5 in the styles\_base.scss to fall back to default Tailwind's settings.
• Add className of mt-3 to space between hero image and h1 in the app\components\layouts\DefaultLayout.tsx.

Methodology

Code of Conduct

By submitting this pull request, you agree to follow our Code of Conduct

[netlify]

👷 Deploy Preview for virtual-coffee-io processing.

Name	Link
🔨 Latest commit	3abaeba
🔍 Latest deploy log	https://app.netlify.com/sites/virtual-coffee-io/deploys/65aac3a2c22a5c000801aa98

[adiati98]

@danieltott, sorry for taking too long on this!

In this PR, I commented out the font size for h2 to h5 to fall back to the default Tailwind's settings.
I'm not removing them just in case we want to use it in the future.
That does the trick. But let me know if you have another solution!

I also add top margin (mt-3) to the h1 to give space between the hero image and the title.

---

Another thing, it took me literally 15 to 25 minutes to run pnpm until I can render a page. Whenever I change the code, it will shut down, and I have to start all over again. And I got frustrated a lot. 😅
I think this is one of Windows things.

Is it possible for me to use npm or yarn? npm is actually better so far. TIA! 😊

[danieltott]

This looks great @adiati98 - thanks for putting this together ❤️

I made a couple tweaks and we're good to go!

[adiati98]

This looks great @adiati98 - thanks for putting this together ❤️

I made a couple tweaks and we're good to go!

Woohoo!!!! Thank you so much, @danieltott!!! 🤩