Suprefuner

Hi All,

This one is bit tricky than it looks. Hesitated when I was trying to make the hero image to the right place but I found out I just overthinking. LOL

Added a small feature when input the right format email address, the border and the placeholder text will have some style changed, tell the user it's done, and reset to the normal after 2s by using JS timer.

As always, please give me some feedback and suggestion. Thanks!

Hi All,

Besides just finishing the project, I added some features this time,

1. different error message for email input will show depends on if it's empty or the data is invalid.
2. when all data are valid will pop up a success message

As always, all your feedback and suggestion mean a lot to me, try to improve my frontend skill. Thanks!

Hi All,

Not sure if I get it wrong or what, this challenge is bit challenging to me. First I tried to implement the effect by just using CSS and then I found that I totally ignored the button. So this time I learn how to use media query by JS and what event I should listen to when the page is in mobile device.

As always, any suggestion and feedback is more that appreciated. Thanks!

Hi All again!

Learnt how to transition the height by using max-height but I have to manually set it to exact height to provent delay occur. Use different max-height value on Mobile and Desktop to fix the spacing bug. Any feedback and suggestion is more than welcome!

Hi All,

Finish this without a lot of struggle. But still think there is a better/cleaner way to write the code. As always any feedback and suggestion is more than appreciated. Really want to improve my coding skill. Thanks!

Hi All,

After this challenge I'll go rewatch my tutorial. After 2 weeks working on other things, I found that I forget almost everything...bit fustrated. Anyway here is my solution. Any feedback or suggestion is more than appreciated. Thanks!