Skip to content
Submitted 7 months ago

Responsive Newsletter Sign Up Page with Success Message

matbac85•600
@matbac85
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

I'm happy with the visual result and the fact that I was able to generate the JS code without help and by doing some research myself.

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

I can't think of any, although I'm sure I could improve my code.

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

For the moment, I don't know.

Community feedback

  • Grego•1,310
    @Grego14Posted 7 months ago

    Hello! The challenge is good.

    The only two things I recommend:

    Leave the alt attribute empty if the image doesn't have much meaning on the page.

    And also use media queries to make the <img> element on smaller screens have a minimum width: 100%;

    But for the min-width: 100% on the image to work, you'll have to make the b-card element also have a min-width: 100%.

    @media screen and (max-width: 520px){
  .b-card{
    min-width: 100%;
  }
  img{
    min-width: 100%;
  }
}

    I 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