Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

html, css, flexbox and JavaScript

@amidabrian51

Desktop design screenshot for the Base Apparel coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I've been doing this for a couple of weeks but was having issues with the form. Not sure if I have solved it. Any recommendations on how to fix it would be helpful. Might revisit this and use an alternative technology like React.

Community feedback

@adluders

Posted

Hey Brian, I had similar issues with the form and I still am tbh but Matt suggested to me to position the form relative and position the button absolute so it sticks to the form. Here's the link to my github repo: https://github.com/adluders/challenge-2 and the netlify site: https://adler-challenge2.netlify.com/. Hopefully that helps. The page is extremely unresponsive btw

2

Account Deleted

@adluders do u know how to style the email validation message and insert the image?

1

@adluders

Posted

@WANT2LEARN1995 if I remember correctly,I added it on the click event that's attached to the submit button. So basically if the form was submitted incorrectly, it'll toggle a "show-error" class. I hope that makes sense. If it doesn't, I'll revisit the code and let you know exactly what I did after work.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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