All solutions

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

It's a lot of (duplicated) code. I want to refactor this in the future.

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

Using a data.json for the text, making the code maintainable, Adding a design for small laptop sizes

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

Custom Checkboxes and Radio Buttons, Snackbar with Animation

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

I used a data.json to store questions and answers. This makes the code more maintainable.

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

I don't particularly appreciate it when there is a clear button, but the question is also clickable. So, I just refused to do it.

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

The Tip Selector is not optimal. I used a Radio Button Group for the given percentages and a number input field for the custom option and tried to patch them together.

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

The Error State seems to be cheated. Setting the background color of the text field is complicated.

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

I like that the site's status returns to its initial state whenever the width changes.

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

Implementing the tooltip was the hardest part because it overlaps the white card component. I guess I cheated a lot but I is okay-ish in the end.

I still do not know why the image in the desktop version does not take 285px when I define it. I cheated with setting it to 90%. Not happy with that.

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

How would I normally implement a tooltip inside an "overflow:hidden" component?

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

Flexbox computes the proportions without the items' padding sizes when box-sizing: border-box. I wrapped the item with padding, and it miraculously worked.

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

Figuring out the exact design is very hard, so I tried to measure them in .jpg with a transparent red rectangle. The results are okay but not perfect.

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

My screenshots seem to have a lot of white space below the content. Is this normal (for screenshots) or can I get rid of it?