Signup Form using NextJS, TailwindCSS and React Hook Form

What did you find difficult while building the project? I found creating the mobile and desktop layouts quite difficult. I asked the community for help on this got a nudge in the right direction (use flex) so I got there in the end! I spent a lot of time tweaking the mobile and desktop layouts to get it as close as possible, this was something I was not expecting. But ultimately, I'm learning and I enjoyed the process!

Which areas of your code are you unsure of? I think my tailwindCSS code has not been written suitably for tablet layout (e.g. an iPad). I didn't have a design to go on. Does anyone have any suggestions on what to do so that it looks better?

Do you have any questions about best practices? I have put my react hook form code within my SignUpForm component. As a result, there's quite a lot of code in one file. Is there a better way of doing this? I feel like the validation code should be in it's own component but I didn't want to overcomplicate things!

Opinions on Accessibility I have changed the text colour for the sign up link ("By clicking the button, you are agreeing to our) so that it would pass WCAG 2.0. As Frontend Mentor uses axe-core for running tests on accessibility violations, perhaps future designs should consider things like appropriate colour contrast? It would mean then I wouldn't have to deviate from the design then!

This is not meant to be harsh criticism, please don't take it that way. Frontend Mentor does great work, and I'm thankful they have given me this chance to improve my skills :)