It wasn't effortless cause I've never worked with CSS layouts before so I had to learn how to use it. I'm unsure about CSS grid and flex but I'm learning so I hope to get better at doing other projects with the same pattern. I'd like to help with something that I couldn't do which was to leave the title flexible, so I hope someone checks my code and give me some feedback to improve it.
Thank you so much for all the community support, it's incredible.
For someone who's never worked with CSS layouts before, it looks like you did a great job and learned a lot in the process. Your design is responsive and matches the design specifications fairly well.
If you're looking to learn more about CSS, I recommend Kevin Powell's YouTube Channel. (if you haven't already checked it out). He's got a ton of videos and tutorials on how to use CSS, flexbox, grid, etc. He also has a free course about building mobile-first, responsive websites.
Great job on this project and keep up the great work!
I'm currently working my way through the 'React Basics' course on Scrimba.com and I wanted to put into practice what I've been learning about React and forms.
I welcome any general feedback for best practices, however I did notice a strange 'glitch' when I was testing this solution. Whenever I input incorrectly formatted data into the form my error messages display correctly (which is great! that piece took some time), but in Firefox and Chrome the form changes it's width when this happens. I tried investigating why this happened and how to fix it, but couldn't figure it out. Any suggestions would be much appreciated. Thank you.
UPDATE: Thanks to feedback I received from Chamu in the the Discord community I was able to refactor the code to fix the form width issue I was having. Thanks for the help and support.
