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 coming soon landing page made with CSS flexbox

@elizabethrsotomayor

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 initially used relative/absolute positioning to achieve the overlay effect of the submit button but ended up changing the margin instead as the overlay wasn't uniform across all screen sizes. I am not sure about the box-shadow effect seen on the button in the design specifications. I wanted to add a hover state for the submit button but ended up scrapping the idea. I did not add a script.js for form validation since the required parameter seen on the email input field achieves the same effect.

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