All solutions

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

I considered using the Chart.js library for building the chart, but I realize I am not sure how to make a bar chart from scratch so I try to do it myself.

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

This time I am more familiar with CSS, the coding process is smoother. In addition, this project is divided into two . The height of the first , which contains the form will vary when error message occur. Therefore, I used JavaScript to adjust the height of the second so that the height of the two are always the same.

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

I used Cleave library to format input number (mortgage amount) and JavaScript regular expression to format the calculated value. However, I still cannot read the regular expression.

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

I don't have much experience in writing HTML and CSS and I just start coding without thinking much about the layout at the beginning. Therefore, I spent a lot of time in CSS, and faced difficulties in the sector of "first name" & "last name" and query type. The code also looks messy because of different classes. I should think more about how to code the layout first at the beginning next time.

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

Saw someone used the :hover selector to add effects when the cursor points to the object in the qr_code challenge so I also try to use it here

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

As for centering the div element, I found that we could use height: 100vh; place-content: center; for the parent container (the body element in this situation) after looking at other's solution

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

Not sure about the layout perspective so I just want to see other's solution