Submitted over 2 years ago

12th Challenge - Base Apparel coming soon page

drunken_neoguri• 290

@DrunkenNeoguri

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Base Apparel coming soon page

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

(I translated the sentences into English using 'translate.google.com'. Please understand if there are any strange grammar.)

Hello, I'm uploading a challenge after a long time! This is the 12th challenge!

I started this challenge because I thought it was similar to the previous challenge 'ping coming soon page', but it was more difficult than I thought.

First of all, I think the arrangement of input fields and buttons is not neat. Also, I am concerned that the 'paragraph' added in case of an input error appears to be pushed up a little.

Javascript has only just begun to study, so the use of events and functions does not seem to have been written smoothly, so I feel frustrated.

I have a lot of thoughts about this and that, but I'm going to be satisfied with what I've done for now! It's still March, so I'll have to study JS a little more and try again!

Thank you for watching! > ▽<)/ If you have any other advice, please feel free to tell me!

Community feedback

radriann• 150

@radriann

Posted over 2 years ago

Hi! I hope you are having a good day. The project looks pretty good, when I tried it it was a mess, so I decided to try others. Some recommendations I have:

1- In the mobile resolution, the attribution is between the input and the paragraph, if you have a hard time positioning it, I recommend you delete it.

2- You should add a color for when the user enters a valid email, of course, that later when you study more JS! You will see that it will be easy for you once you practice validations and conditions.

3- It is impossible to achieve a pixel perfect design, so if you feel that certain elements are poorly positioned, leave your work as it is, rest and see the results. You will see how in reality that poorly positioned element does not really harm the final design.

Without further ado, I hope you have a good day and enjoy coding! ^-^

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord