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 Newsletter Sign Up Page with Success Message

matbac85 600

@matbac85

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

@Grego14

Posted

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
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