Responsive signup form using CSS Flex

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

Everything went smoothly except for a bit of confusion with responsive part. The image container kept collapsing and after some research i found out setting align-items in flex container is causing the problem. So what i changed was: 1-Placing image as background image of an empty div 2-Left align-items of the flex container to its default value : stretch When on mobile device and changing flex direction from row to column, min-height (and not height) of this div should be set, otherwise it collapses.

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

Apart from responsive challenge mentioned above, setting appropriate message for email input (either empty or wrong format) turned to be a bit challenging. The content of error message is created based on the type of error. First chacking to make sure email input is not empty and then checking the format.

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

The responsive part seemed quite confusing to me. Empty div kept collapsing.