All solutions

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

I had some small issues with the Javascript. At first There was a issue that the first click did not show the links and only second click worked correctly. It was just small typo and fixed easily in the end.

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

Had some issues positioning everything to fit well on also screen width around 1000px and 1440px. In the end it should be working well.

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

I created this project with Next.js and used the .map to go trough all Card data to get header, content and pictures for each card.

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

Next.js have some different rules than older React had. For example props seems not to be a thing in Next and it made my work with original plan more difficult. I did in the end not do it with props but add the Card.map directly to the card component.

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

I had huge problems getting customer CSS on the input fields. I did find one solution wih CSS :focus-within but it is not probably the best practice.

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

I did not find yet a solution how to get the area next to the input field to turn red when there is missing information in inputs. I found a way to change the border to red but not the other area which has the €, % and year signs. If there is a easy solution for this please let me know :)