<form action="./actions/comment" method="post" class="needs-validation row m-0" novalidate>
  <div class="col m-0 g-3">
    <h4 class="mb-3">Leave a Comment!</h4>
    <div class="mb-3">
      <input class="form-control" type="text" name="title" required placeholder="A catching title" />
      <div class="invalid-feedback">
        Please enter a title.
      </div>
    </div>
    <div class="mb-3">
      <input class="form-control" type="text" name="name" required placeholder="Your name" />
      <div class="invalid-feedback">
        Please enter a name.
      </div>
    </div>
    <div class="mb-1">
      <textarea class="form-control" id="comment" name="comment" maxlength="250" required placeholder="Comment here"></textarea>
      <div class="invalid-feedback">
        Please enter text.
      </div>
    </div>
    <div class="progress mb-2">
      <div class="progress-bar" id="comment-count" style="width: 0;"></div>
    </div>
    <button type="submit" class="btn btn-primary mb-3">Comment</button>
  </div>
</form>