Skip to content
Submitted over 3 years ago

Responsive base apparel coming soon page[Using vanilla CSS & JS]

Manoj•245
@Manojraj07
A solution to the Base Apparel coming soon page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi there,

Try out the click events and validations set on the input field and let me know if you find anything missing.

Thank you!

Code

Please log in to post a comment

Log in

Community feedback

  • MakMao•180
    @MakMao

    Hey @Manojraj07

    Your solution looks good - it is very close to the design:)

    One thing I noticed is that you did not center your solution vertically even though you used flex and align-items: center;. The default height is zero which means that if you add min-height: 100vh; to your body you will also have it centered vertically. Hope that helps.

    Marked as helpful
  • Nyein Chan Lay•350
    @CrystalNyein

    It's pretty cool. I checked out your input field too. Click event after 'Enter' key is a great idea. I'll implement one in mine too. One thing is that the value inside is cleared after losing focus is quite unnecessary in my opinion. Because people might accidentally click outside without their intention and they would need to fill in again. I love the design.

    Marked as helpful
  • Manoj•245
    @Manojraj07

    Hey @MakMao,

    Thanks for the tip. I have implemented the same. :)

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