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 page using mobile-first, Flexbox and SCSS

@caio-alcantara

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

Community feedback

@guztrillo

Posted

Hey Caio, nice job. Just a couple of thing you need to know in case you haven't corrected it yet:

  • Take care the aspect ratio of the image. One classic simple way is to use width: 100%; height: auto. This will prevent the image deforms. In case doesn't work well, you could try to add object-fit: cover.

  • When you click the 'send button', the message and border color from the input remains doesn't hide. You could fix this adding a setTimeOut to the function that is in charge for this behavior.

I hope this help you.

0

@caio-alcantara

Posted

I will correct these differences from the original design asap

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