All solutions

• I applied the mobile-first principle in the development process, to make a better responsiveness experience.
• I tried to utilise the single responsibility principle and build reusable code blocks with React.
• Although the structure of subpages looks similar to each other, the design is delicate and each page has some twist to be considered in the development process. It was fun to play around!

Hi,

When I working on responsive views, I found that when the screen size is near the breakpoint, but not yet reached it, the appearance is really bad. Especially when there's a long password or strength text (i.e. TOO WEAK!), they just overflow the container.

Thank you!

----------- Edit ------- I further adjust the breakpoint and margin for a better responsive view. I think they look well now. But is there a good solution to that? I'd love to improve my code for that.