All solutions

What are you most proud of, and what would you do differently next time?

I am most proud of my use of JavaScript form validation in this project. I had to review several things and learn even more.

What challenges did you encounter, and how did you overcome them?

The challenge that I encountered was learning and applying JS form validation. I consulted several online resources especially MDN Docs.

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

Three Quick Areas:

1. Is there a better way to use "rem" in my CSS (best practices) that I failed to implement?
2. Does my JS form validation adhere to "best practices" or have I implemented that functionality in an eccentric or "hacky" fashion?

What are you most proud of, and what would you do differently next time?

I am most proud of the JavaScript functionality and the CSS popup on the desktop version of the site. The small pointer shape at the bottom of the pop-up window was a learning experience for me.

What challenges did you encounter, and how did you overcome them?

There were a few things I had to look up both for my CSS and JavaScript but I was able to complete the entire project. It was a great learning experience.

What are you most proud of, and what would you do differently next time?

I'm most proud of my ability to make this site responsive. I made a mistake and completed the Desktop version first and then had to go back and do the Mobile version. Next time I will certainly code "mobile first."

What challenges did you encounter, and how did you overcome them?

One of my biggest challenges with this project came from hosting it on GitHub Pages. The file path which works in VS Code does not work for publishing to GitHub Pages. I overcame this issue by researching online and quite a bit of trial and error. It was a good learning experience.

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

Because I struggled with making the site responsive I would appreciate anyone's feedback around my use of Semantic HTML Tags, Flexbox, and the way I wrote the CSS code to be responsive. Specifically:

1. Do my HTML tags and structure meet what is generally accepted as best practice?
2. Does my use of FlexBox meet generally accepted best practice? If not, how could I improve it?
3. Does my responsive CSS (media queries) look properly structured? If not, how could I improve it?

What are you most proud of, and what would you do differently next time?

This is a simple project but it my first non-tutorial project since learning to code so I am proud of simply being able to complete it on my own.

What challenges did you encounter, and how did you overcome them?

The main difficulties that I encountered were learning to get the appropriate information from the Figma file and getting the page to display properly on GitHub Pages (it was a file path issue).

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

Have I completed this challenge as intended? The design file in figma does not show any additional background but the "preview" file shows an additional background applied behind the grey box background.