All solutions

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

The bottom section for desktop is still incomplete. Unsure if I'll be able to build it when using flexbox. Might have to use grid which I haven't used yet.

The BMI is working but always looking for advice on how to make the code tidier, especially when using state and useEffect()

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

Looking help with two problems,

1. Cannot prevent React default form warning. I'm using e.preventDefault() but still the deafult warning are showing.

I'm using a work around where I make the email field a type="text" rather than type="email". This feels backwards so would appreciate some help with best practices.

1. I can't center the path tag inside of the SVG. I have cut off the side of the footer icons when I add rounded corners as they are not centered properly. Any help would be appreciated.

Would be interested to see if anyone has a better solution when looping through data to create the results component,

{categoryData.map((category, index) => ( <CategoryCard key={index} {...category} /> ))}

And then also in the CategoryCard component is there a better way to deconstruct the object?

The categoryData object is currently deconstructed in the input props. Just wondering if it would be better to keep the object whole here and deconstruct it in the code?

Really enjoying using tailwindcss with react. Practice makes perfect.

Getting back into front end development.

Starting to learn tailwindcss for the first time.

Had a couple of problems,

1. Changing colours of SVG images

2. Getting the background image in the header to overflow and look good when changing screen size

3. Placing the footer "Request invite" div content to the end of the div

Any help/feedback would be appreciated, Thanks!