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

Responsive Base Apparel Coming Soon

Austin 310

@Absynthee

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


What are you most proud of, and what would you do differently next time?

I wanted to keep the max-width on this to 1440px instead of allowing it to go fullscreen at any size because it compromises the quality of the hero image.

I learned more about forms, inputs and aligning with position: absolute. I'm also getting more familiar with the javascript behind simple forms.

What challenges did you encounter, and how did you overcome them?

Aligning the submit button within the email input was difficult. I had to look up how to do that, and ended up positioning it with position: absolute within a container holding both the email input and the button.

What specific areas of your project would you like help with?

What do you think I can improve? How can I make the javascript behind the form better? How can I submit the form without refreshing the page?

Community feedback

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