Необходимо перейти на новую строку с увеличенной высотой поля ввода, когда ширина поля ввода превышает

#html #css #responsive-design

Вопрос:

Изображение заполнителя ввода, которое я в настоящее время создаю для чат-бота. И в поле ввода текста всякий раз, когда написано много слов, оно все равно продолжается в той же строке. Но я хочу продолжить в следующей строке, где высота заполнителя ввода увеличивается. Любая помощь будет признательна.

  .react-chatbot-kit-chat-input {
    width: 180%;
    height:60%;
    background-color:#E2EFFF;

    padding: 12.5px;
    font-size: 1.0rem;
    border: 1px solid #A8BFF2;
    /* border-bottom-left-radius: 5px; */
    border-radius: 30px;
  }
 
  .react-chatbot-kit-chat-input-form {
    width: 180%;
    
    border-radius: 30px;
    
    
    display: flex;
    justify-content: center;
  }