Skip to content
Submitted almost 2 years ago

grid, flexbox, media

Jasmin Hidanovic•20
@dexinho
A solution to the Newsletter sign-up form with success message challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello,

I am still learning how to make a good responsive page so any feedback regarding that is more than welcome. I tried to make the page look as closely as possible to the original one but I am aware that it is not perfect.

Code

Please log in to post a comment

Log in

Community feedback

  • Laharl•1,000
    @UrbanskiDev

    Hello Jasmin Hidanovic !

    Good job on completing this challenge. To answer your question, I feel you did great on the responsive, there's not many things to change, but I would adjust when the media query occur, because it happens way too soon (at 415px, which doesn't really make a good design for small device which has a width higher than 415px, but not much higher either)

    The most common breakpoints for media queries are :

    • 640px
    • 768px
    • 1024px
    • 1280px

    You can adapt them to the design you have to work on, but it should gives you a better idea at which width you should use a media query.

    Apart from that, it looks great, congrats again, hope it is useful and answer your question, happy coding !

    Marked as helpful

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