Responsive Landing Page with Tailwind CSS & React

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

It came out okay-ish.
I'm happy it's responsive, though—definitely getting better at Tailwind CSS. For my next implementation, I’d love to experiment with SASS and Chakra UI.

What challenges did you encounter, and how did you overcome them?

Adjusting the Image Height for Mobile:

At first, I had trouble adjusting the image height for mobile. I ended up setting its height to the div containing the image so that it just inherits it and covers the space.

Making the Navbar Responsive:

I wanted to use plain vanilla JavaScript for the navbar, but it proved to be a challenge. In the end, I decided to use useEffect in React to make it responsive.

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

Making the site responsive for tablet:

I tend to use md: and lg: a lot, and I think I might be making my code chunkier than necessary. Any solutions?