All solutions

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

I thought my design was true to the original and I am very proud of the responsive css that was implemented.

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

The most challenging part for me was trying to figure out which components need to be developed seperate from each other, and ho to hide and introduce them once the email was validated.

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

If anything, I would like feedback on my javascript. However, all feedback is welcomed.

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

I have steered away from the original design and instead of creating a popup div for the desktop view, I have kept the format the same as mobile. I think it looks and feels better this way.

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

The main challenge I faced while building this was trying to decide what elements need to be displayed or hidden in order to create a seamless transition.

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

Feedback welcomed, not seeking anything specific.

I have gone a little off the path here. I decided to rework my html to adjust the flow of the UI. I have changed it so the user first inputs the bill total, selects the number of people, and then adds the tip amount. I find that it makes more sense, rather than the original design. I have also made to overall design smaller, to create a compact, sharper looking UI.

Things I found challenging:

• Using JS to validate the email input.
• Finding a width that would work for both the input and the button. *Feedback welcomed.

Things I am learning:

• Nested CSS and using advanced selectors. *Feedback welcomed.

The most difficult part of this challenge was to figure out which elements need styling and at which level. In terms of best practices, could someone link any resources for best practice in html and CSS?