I am creating a personal website and I want a contact form on it. the contact form is there and works but I havn't styled it yet. This is is the basic layout I would like for the desktop site but that is not at all mobile friendly. at the moment I have viewports pointing to a 'desktop' and 'mobile' stylesheet which has worked perfectly until now.
An obvious solution for aligning elements in the form is to use a table, but a different layout is required if viewed on a mobile device.
I have looked at pure css form styling which in theory sounds great but it looks pretty complicated.
How could I go about alligning form elements differently depending on viewing media?
Any help is much appreciated.