Jump to content

Responsive Form Design


IvanConway
 Share

Recommended Posts

I have designed a form using Dreamweaver CS3.  The form was designed using tables.  I am having an issue with a section of the form that contains 4 columns.  Column 1 is used as the description or label for the input field in column 2.  The same applies for column 3 & 4.  I am trying to design a media query that will make the form more responsive on smaller mobile devices and tablets.

I have attached a section of my form containing the 4 columns and included the media query I am currently using.  The overall design has been working successfully for over two years apart from the responsiveness issue on smaller mobile devices and tablets.

Apart from a total re-design of the entire layout, is it possible to make the 4 column table more responsive using the table method I have attached.

 

table.html

Edited by IvanConway
Upload error.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...