Having trouble with spacing my contact form

Hi everyone,

I’m having trouble with the spacing of the contact form for my personal portfolio page (here: https://codepen.io/RJamC/pen/ddvjvX). I’ve tried various things that I found online, but fields either overlap, are too far apart, have a font size that’s too big for the text boxes or a combination of these things.

Does anyone have any advice how to deal with this?

Thanks,

Richard.

When i deal with form input boxes i’m used to put it in a table layout. Quite basic, two columns ( one for labels one for input boxes) and that’s all ^^
About the font size you simply can target either labels or input boxes with a css property ( something like label{font-size:1em}) to take control over it ^^

Hope it helps,
-LyR-