Newsletter signup form with form validation CSS, JS

Community feedback

• 

  P

  Malick Roungou•470

  @mroungouPosted 7 months ago

  Hello @smithy773,

  Congrats on completing the challenge!

  I noticed you are using JavaScript to control the images of the respective device widths. You can use media queries to avoid

  Here's what you could do:

  <div class="header-image">
          <img src="./assets/images/illustration-sign-up-mobile.svg" class="mobile" alt="">
          <img src="./assets/images/illustration-sign-up-desktop.svg" class="desktop" alt="">
        </div>
  

  And add a media query and some other CSS:

  .mobile {
      display: block;
  }
  

  @media screen and (min-width: 1440px) {
  .mobile {
          display: none;
      }
  
      .desktop {
          display: block;
      }
  }
  

  Let me know if you have any questions and keep up the good work :)

  0