I am currently working on creating a contact form that has a design similar to the one shown below. However, I am facing challenges in getting the desired layout. I initially tried using flex-box but encountered issues with displaying the Text Area correctly. If anyone has suggestions on a better approach while keeping the HTML structure intact, I would greatly appreciate it.
https://i.sstatic.net/37W45.png
<form class="flex-container">
<ul>
<li>
<input type="text" placeholder="left">
</li>
<li>
<input type="text" placeholder="left">
</li>
<li>
<input type="text" placeholder="left">
</li>
<li>
<input type="text" placeholder="right">
</li>
<li>
<input type="text" placeholder="left">
</li>
<li class="textarea">
<textarea placeholder="right"></textarea>
</li>
</ul>
</form>