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 form with success message

P

@ikitamalarose

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?

...

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

...

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

Any comments to improve my work and skills are welcome. :)

Community feedback

joacomenda 170

@joacomenda

Posted

Check the media at the values around 769px, for example, at 770px, The design is overflowing.

I would advice to experiment using max width and min-width values, Max-width sets the max-width of the container, this means that once it reaches this value, it won't stretch anymore, Min-width does the same but the container can't be smaller than that value. Use this to make the content stretch automatically, thus making it more responsive.

Marked as helpful

0

P

@ikitamalarose

Posted

Hello @joacomenda Thank you for the remark indeed at time of coding on the computer the responsive was normal.

But after the deployment and verification on my mobile i noticed imperfections and also a zoom at the time of focus on the input field.

I just updated the code.

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