Skip to content
Submitted over 1 year ago

Used grid, flex and DOM manipulation.

Nivrii•410
@nivrii
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 have to refresh the page when i change to a different resolution, and sometimes the javascript will ask for a valid email even when the email input checks out.

Community feedback

  • Adam Alexander•790
    @aja26Posted over 1 year ago

    Hey, Great attempt here.

    Have you looked into making it responsive? One thing you could look at is using media queries. Please find a guide below:

    https://www.w3schools.com/cssref/css3_pr_mediaquery.php

    It works based on the pixel width of the browser and you add css rules for smaller browser sizes.

    Marked as helpful
    0
    Nivrii•410
    @nivriiPosted over 1 year ago

    @aja26, Thanks mate. Will definitely check that out. After switching to a smaller device's resolution, one has to refresh the page for it to take effect. And thank you, will have to work on media queries, was avoiding the media queries because the images weren't displaying well with "background-image: url()" .

    0

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