Skip to content
Submitted 7 months ago

Contact Form using Less, keyboard navigation and vanilla Javascript

accessibility, less, bem
P
Yulia•720
@YuliaLantzberg
A solution to the Contact form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Hello, Frontend Mentor Community,

This is my solution for the Contact Us Form.

Scored 100% on Google Pagespeed Insights! 🚀

🛠️ Built with:

HTML ✨ CSS 🎨 Less 💕 JavaScript 🧾

Fully responsive design crafted with a mobile-first approach 📲

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

Feedback is always welcome—let’s grow together! 🌱

Code

Please log in to post a comment

Log in

Community feedback

  • Yosef shawah•200
    @yosefshawah

    amazing solution Yulia!, looks like mobile design goes out of the card container, you can probably solve it with max-height or with setting height % on the content inside it within the media query, overall great solution way better than mine.

    Marked as helpful
  • AnDev•540
    @AnDevM

    You can see my decision and give your opinion. Is it normal to do this?

  • AnDev•540
    @AnDevM

    contactForm.reset(); find this method

  • AnDev•540
    @AnDevM

    Congratulations! Super cool implementation logic that is hard to understand. But there is such a question, what should the form do after sending? In a real case, just overload the page? Please write an answer.

  • Abubakar sadiq•400
    @abubakar-sadiq001

    You did a great job! but the main container height need to be set to zero

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