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

Newsletter Sign Up

@victoriamnx

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


Hello, this is my challenge result. I changed the color of the button on purpose to make it a nicer color and effect. It's not perfect and I'm still going to make it responsive.

Community feedback

@istfredy

Posted

Hi Victoria 👋👋 Great job😊, but i have a proposal ;) you can notice that when we reduce the size of the screen the page becomes less pleasant for the user, to correct this, you can use:

@media (max-width: 600px) {
/*  Styles to apply when screen width is less than 600px */
/* For example : */
div.container {
width : 90%
display : flex;
flex-direction : colum;
gap : 10px;
}

div.container div {
width : 100%
}
}

It's just an example, it's up to you to modify it so that it's as pleasant on the tablet as on the phone.

I hope this comment could help you.😉

Marked as helpful

0
Ruben 250

@RUBBOSS

Posted

Nice work)

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