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 comming soon page

Kyvs123 150

@Kyvs123

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


This is my first project coding javascript on my own. The responsive part was the hardest in this one, not fully satisfied with the result. Had a hard time positioning the input+button set and I'm sure there are easier ways to do it I could not figure out. Any insights and constructive criticism are welcome.

Thanks!

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Hello, Kyvs123!

In the image with the .mobile-img class change the width with 100vw and set it to 100%, when you use the vw it also takes into account the scroll size and that's why it generates an overflow in the mobile version.

Also put outline: none to the input, that's why when you click on it you get that blue border that surrounds it.

By the way the head is missing a title since you have left it without it.

I think these are the only details I could see to improve. Good project.

Marked as helpful

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