Hi there, I'm currently grappling with making my textarea responsive. I've attempted using width: 100% and max-width: 600px, but I can't seem to get it right. The container is also set at a width of 600px. When I use width: 100%, the textarea ends up smaller than the container which isn't ideal. On the other hand, when I apply max-width: 600px, the box becomes extremely tiny.
Here's the snippet of my code:
<div class="container contact">
<textarea class="inputmessage"></textarea>
</div>
.inputmessage{
float: left;
border: 2px solid black;
height: 150px;
width: 600px;
}
.container{
text-align: center;
margin: auto;
}
.contact{
width: 600px !Important;
}