Comment Box Tailwind CSS

    <form className="container max-w-xl bg-white rounded-lg border p-2 ml-4">
      <div className="px-3 mb-2 mt-2">
        <textarea
          placeholder="comment"
          className="w-full bg-gray-100 rounded border border-gray-400 leading-normal resize-none h-20 py-2 px-3 font-medium placeholder-gray-700 focus:outline-none focus:bg-white"
        ></textarea>
      </div>
      <div className="flex justify-end px-4">
        <input
          type="submit"
          className="px-2.5 py-1.5 rounded-md text-white text-sm bg-lightGreen"
          value="Comment"
        />
      </div>
    </form>

Related posts:

React Typescript 2023 – Dashboard Tailwind Code Algorithm Patterns 101: Character Mapping CSS Grid Shorthand Property Explained Simply Spring Data JPA One-To-Many Explained Simply