Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 10 months ago

Newsletter sign-up form with success message Solution

sass/scss
vladyslav-shulhach•190
@vladyslav-shulhach
A solution to the Newsletter sign-up form with success message challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm proud of the way I structured my SCSS this time. For the first time, I've separated the styles into separate files and folders, which makes them much easier to maintain. Before, everything was collected in one file, and let's just say it was a bit messy and hard to navigate. This new approach made my codebase much cleaner and easier to manage. Next time, I plan to improve my work even more by being very careful about how I structure my files from the start to avoid any unnecessary complexity or confusion.

What challenges did you encounter, and how did you overcome them?

I developed JavaScript to check if the user filled in the email input field correctly. The biggest challenge was to figure out how to combine logic with style - in other words, to find the right solution. JavaScript requires me to think more logically, which makes it challenging and time-consuming. However, I know that with constant practice, I will continue to improve. I overcame this challenge by researching possible solutions online. After testing my implementation, I found that it works as expected. Fortunately, JavaScript is becoming easier to understand as I gain more experience.

What specific areas of your project would you like help with?

I'm open to help in all areas. In particular, I'd like to hear feedback on HTML for structure and accessibility, SCSS for better organisation and best practices, and JavaScript for functionality and logic. Any insights or suggestions for improving my approach would be great.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on vladyslav-shulhach's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License