Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

Contact Form

FabFalch•130
@FabFalch
A solution to the Contact form 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 honestly very happy to have completed this challenge. It was very difficult for me at first and did take more time than I would have liked. Next time I'll know how the JavaScript works for contact forms so it should be a lot easier.

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

While the specific challenges I faced, like managing responsive layouts and JavaScript validations, are detailed in the README for this project, what I can mention here is that most challenges I had to over come, I did by researching.

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

If I were to start this project again, there are two key areas where I feel I could improve or would appreciate guidance:

Organizing Media Query Code: While I was able to make the design responsive, my media query code could be more structured and efficient. I’d like to learn strategies for organizing breakpoints better and reducing repetitive styles to keep the code cleaner and easier to maintain.

HTML and CSS Structure: Selecting and styling elements in CSS was sometimes tricky due to how the HTML and CSS were organized. I’d like to understand how to plan and structure the layout more effectively from the start, ensuring the class and ID names are logical and that styling becomes more intuitive.

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 FabFalch'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