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

news letter sign up using flexbox

holybee009 140

@holybee009

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


the checkbox part none yes, what is the best practice for responsive website?

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @holybee009!

Your solution looks great!

I have one suggestion:

  • Avoid using percentage or viewport width/height based values for width. This may result in bugs and depending on the size of the screen, part of your content can be cut off or even leak from the container.

Use max-width instead of width and px or rem for values. Your card will remain responsive, but it'll grow only until a certain limit.

I hope it helps!

Marked as helpful

0

holybee009 140

@holybee009

Posted

@danielmrz-dev thanks a lot for this

I noticed it too and I been looking for ways to solve it. This is very helpful

1

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