我尝试使用样式表，但当我把在左边和右边的边距（mx-4），它只是增加了左边的边距和右边的页面。

export default function TextArea() {
  return (
      <div className="w-full mt-1 ">
        <p className="text-purple-800 font-medium px-4 py-1">
          What are you thinking?
        </p>
        <textarea
            rows={4}
            name="comment"
            id="comment"
            className="w-full sm:w-auto md:w-2/3 mx-4 h-96 rounded-md border-white sm:text-md placeholder-gray-300 text-black"
            placeholder="Type your idea here..."
        
        />
      </div>
  )
}