Crowdfunding page in React and Chakra UI

The give and take for using this library is that you can skip out almost entirely on writing any css files but, the code can feel heavy and crowded as you define the styles and states and media queries directly on the jsx component. I think it's just a matter of getting comfortable with spending more time cleaning the code and writing cleaner code as you go.

What would be the best practice for creating Media Queries using the useMediaQuery hook? I've had to repeat some code in certain areas and render based on the size of devices.