All solutions

The only thing I really struggle with is styling for mobile. I do go desktop first when building and I have not really tried mobile first.

1. What did you find difficult while building the project?

What was difficult for me was getting the state in order. I had to really sit back and think about how to get all this state to load in one bigger component. Dark mode was a little struggle as well.

1. Which areas of your code are you unsure of?

I am unsure of the way I handled the state of the dark mode toggle button. I want to get it to where it can toggle depending on the users system dark mode settings, if that makes sense because right now it can load in with dark mode but the button isn't toggled.

3)Do you have any questions about best practices? I would appreciate any advice on best practices regarding the way I handled the state in my application.

I could not figure out how to get the custom red validation text under the input field, so I was hoping someone could give me some hints. I was only able to figure out how to customize the text of the popup validation already in place from the 'required' property on my input.

I feel like I could have wrote my css more dry but it gets overwhelming the more things that need styling.