I focused a bit more in the functionality this time around, I'm s till new to React and learning!
I'm not sure if my folder structure is the best, or if I'm sharing the data between components correctly. I'm also not sure if my control of the state is the best, I decided to use an object state due to the high amount of state variables I had to use, I had to create another state for the input validation though because otherwise it would update one single input at a time and delete the result of the others (if they were correct or not)
Hi!! I have two questions that I can not answer.
a) I messed up the background circle. I used position property. Is there any better or recommended method to code the background image?
b) What is the correct method to center the avatar between two divs? I used negative margin but I know it is not the correct method.
Your HTML code is clean.
Seems like you project is looking great on all screen sizes:), but I think you can put some side margin at 320px, there's no space between the body and the borders of the card.
I hope that you will find the answer of your questions right here :
Background images and how to move them around absolutely kills me. It would be great if I can get some tips on how best to do this. The two on this little project were a nightmare lol
What is the go to way for getting a background image to appear? This time round I used padding but it was confusing and I had to use a random % number for it to work. Any tips would be great on this one.
If you could let me know if I went he best way about adding them in to the HTML and then positioning them in the CSS, that would be great.
For the background images in this challenge, I've putted the images in the HTML and then use position: fixed; property in the CSS to make it stand in the background.