Netlify-forms Contact Form submission 404 error

Dear All,

I am having trouble submitting my Contact Page through using Netlify-Forms, I am getting a 404 error.

I have the following form :-

          <form name="Portfolio_Contact" 
          method="POST" 
          data-netlify="true"
          data-netlify-honeypot="bot-field"
          action="/thank-you">
        <div className="form-group">
          <input
            type="text"
            name="name"
            placeholder="name"
            className="form-control"
          />
          <input
            type="email"
            placeholder="email"
            name="email"
            className="form-control"
          />
          <textarea
            name="message"
            rows="5"
            placeholder="message"
            className="form-control"
          ></textarea>
          <div data-netlify-recaptcha="true"></div>
        </div>
        <button type="submit" className="submit-btn btn">
          send me your message
        </button>
      </form>

And when I submit it, I am first getting a 404 error, and then getting my thank-you page as expected.

Am I doing something wrong? I can see my “Portfolio_Contact” in the Forms section.

Thanks for your help and time.

Hiya @monfu and welcome to our community! Please start your debugging here:

If that doesn’t lead you to an answer, we need to know the answers to the questions at the bottom of the post so we can help you troubleshoot further.