Skip to content
Submitted over 1 year ago

display flex, media screen, html, css , js functions, dom manipulation

accessibility
Ülvi Abbaslı•60
@UlviAsov
A solution to the Newsletter sign-up form with success message challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I had no difficulty writing the project. There were some problems while creating the mobile design, but I tried to solve the problems as best as I could.

Code

Please log in to post a comment

Log in

Community feedback

  • Matias Ludueña•1,990
    @matiasluduena23

    Hi @UlviAsov! Good work! Congratulation you finished the challenge!!! Just one advice.

    • You can use a picture element in your html file with a media query, and when you resize your viewport the images will switch automatically. This might help you.
    <picture>
  <source srcset="/assets/images/illustration-sign-up-desktop.svg" media="(min-width: 600px)" />
  <img src="/assets/images/illustration-sign-up-mobile.svg" alt="image description" />
</picture>

    Good code!

    Matias

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