Responsive Textarea

Question

Hallo Leute, ich versuche mein Textarea ansprechbar zu machen. Aber ich habe wirklich keine Ahnung, wie ich das machen soll. Ich habe es mit width 100% und max-width 600px versucht. Mein Container hat auch eine Breite von 600px. Mit width 100% wird der Textbereich kleiner als der Container, der auch 600px hat. Mit max-width 600px wird die Box extrem klein. Das ist mein 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; 
} 

Answer 1

Fabrikat max Breite auf Behälter bis 600 px; Entferne den Schwimmer. Überprüfen Sie diese Geige. left` und `Breite: 100%`

.inputmessage{ 
    border: 2px solid black; 
    height: 150px; 
    width: 100%; 
} 
.container{ 
    text-align: center; 
    margin: auto; 
} 

.contact{ 
    width: 100%!Important; 
    max-width:600px; 
} 

https://jsfiddle.net/Lx89qtte/