Skip to content
Submitted 10 months ago

Newsletter sign-up form with success message

Kim•440
@01057057kim
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

I am still struggling with mobile responsive design and how to make the input box match the style. suggestions for improvements for mobile responsive design and improvements Thanks.

Community feedback

  • Jake Godsall•1,390
    @jakegodsallPosted 10 months ago

    Hi! Great job with the challenge. It desktop layout looks great.

    With the mobile layout however your problem seems to be with the use of absolute units on the width property of your <section> classes.

    I'd recommend experimenting with relative units (%, em, rem) and specifying a max-width for larger viewports.

    Marked as helpful
    1

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