Now let me read the ContactForm component to see its current height:
Now I'll make the changes: remove the download resume component and increase the form height to match the "Get in Touch" card.
Now I'll increase the form height to match the "Get in Touch" card by adjusting the contact-form component:
I've completed the requested changes:
h-full to the container and flexbox layout with flex-1 on the textarea to expand it and fill available spaceThe form now stretches to the same height as the contact info card, creating a balanced visual layout with the expanded message textarea taking up the additional space.
Looking at the screenshot, I can see the contact form on the right is significantly shorter than the "Get in Touch" information card on the left. The form needs to be expanded vertically to match the card's full height, with the message textarea taking up more space.
Let me read the current contact form to understand its structure and then increase its height:
Now I'll update the contact-form to set a proper minimum height that matches the "Get in Touch" card. The issue is that the form needs a min-h constraint to expand properly:
I've increased the form's minimum height to 600px by adding min-h-[600px] to the container. This ensures the contact form now matches the height of the "Get in Touch" card on the left, with the textarea expanding to fill the extra space while maintaining the flexbox layout. The form fields and button remain properly spaced while the message input grows to fill the available height.