Skip to content
Submitted about 2 months ago

Base Apparel Coming soon page

nathanc8•20
@nathanc8
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I'm proud that i managed to do this challenge mobile first.

If I would do it, i would probably try to do it with the help of a framework.

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

I had a hard time setting up the submit button. I managed to find some ressources on W3Schools and MDN that helped me. I've put the button and the error icon in position absolute, so it would show up "in the foreground".

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

Probably on the responsive part : the desktop version isn't really responsive, since the image doesn't "shrink". I don't really know why.

Community feedback

  • Huy Phan•2,300
    @huyphan2210Posted about 2 months ago

    Hi, @nathanc8

    I think I can help with your issue regarding the desktop image:

    • The .texte class has padding: 0 15em, which is quite large and is causing the element containing the desktop image to shift to the right. Removing the padding should fix the problem.

    I'd suggest to do your research about units in css in order to use them better.

    Hope this helps!

    0

Please log in to post a comment

Log in with GitHub

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