All solutions

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

For this project I'm happy how the hover animations on the buttons turned out, and how close I have the layout to the design file.

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

I had trouble figuring out how to delay the transition when you unhover from a button, I used stackoverflow and ChatGPT to get closer to a solution but neither fully worked. It was then just a case of trial and error to get close to the desired result.

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

I improved my use of flexbox for responsive design and feel more confident creating layouts faster. I'm also improving at using working from the Figma design files and trying to get the final design as close to the brief as possible.

Next time I would try to get the design 100% the same as the figma file, and also use semantic HTML for completely.

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

I had trouble with the yellow background on the tag, and getting it's exact sizing correct, in the end I just went with adding more padding.

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

Getting most of the layout close to the design file.

Adding navigation via key press in Javascript

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

I found using Figma challenging as I have never used it before.

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

I had trouble making the design responsive for smaller screen sizes, I would like feedback on how to make a responsive design that doesn't move elements around when scaling the page.

I also thought that maybe my Javascript code could be simplified and do the same thing without adding so many loops and event listeners.

Didn't know how to get the icons to appear in the input fields, so I skipped that part.

I had difficulty making the responsive design, feels like I could have gotten a similar result with less CSS.

Unsure of how I implemented the form validation. Is there a simpler way rather than using so many if statements?