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 page Using Vanilla CSS & JS

vcodeyā€¢ 270

@v-codey

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


Any feedback will be helpful and appreciable.

Community feedback

Darkoā€¢ 980

@dtomicic

Posted

Looks great, only thing I would recommend is removing the min-width property from your .email-form because the property makes the form go outside of screen and that makes a problem for you because it looks bad and messes up some other elements (looks like this) and after you remove it it should look something like this. Hope this helps. Good job :D

Marked as helpful

1

vcodeyā€¢ 270

@v-codey

Posted

@dtomicic, hey Thank you for feedback, I will implement that for sure.

0
Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however I think that your arrow button is missing a subtle box-shadow using box-shadow

I hope this helps

Cheers Happy coding šŸ‘

0

vcodeyā€¢ 270

@v-codey

Posted

thank you @TheCoderGuru , I have provided the box-shadow but because of the form overflow: hidden its not visible. I set it to hidden to because of this issue If you can suggest any other solution, I'll learn something new .

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