Submitted 12 days ago

Responsive Newsletter sign-up form with success message using Flexbox

DalaScript• 380

@DalaScript

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Newsletter sign-up form with success message

HTML
CSS
JS

2junior

View challenge

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

@kass8mal8

Posted 4 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

DalaScript• 380

@DalaScript

Posted 4 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

Please log in to post a comment

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