Skip to content
Submitted 3 months ago

Responsive Newsletter sign-up form with success message using Flexbox

DalaScript•530
@DalaScript
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

What are you most proud of, and what would you do differently next time?
  • I’m proud that I successfully completed the project, and everything works smoothly. ✅💻
  • Most importantly, I finished it! Plus, I wrote my first README file, which I’ll definitely do for every project moving forward. 📝🎉
What challenges did you encounter, and how did you overcome them?
  • Nothing special this time. I already had experience with similar setups, so I managed it easily. 👌🔧
What specific areas of your project would you like help with?
  • Any advice from other developers is appreciated. Thanks in advance! 🙏💡

Community feedback

  • caseem•330
    @kass8mal8Posted 6 months ago

    Nice work but I noticed that you are using the same image for the hero section for both mobile and desktop... Use the image for mobile design in mobile view

    0
    DalaScript•530
    @DalaScriptPosted 6 months ago

    @kass8mal8 thank you, but that's not correct, check one more time in inspect by clicking on the image.

    <source media="(min-width: 976px)" srcset="./assets/images/illustration-sign-up-desktop.svg" width="400" height="593" alt="illustrion of sign up for desktop">

    This element does whole thing for that image responsiveness.

    Good Luck!

    Nika.Dala

    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