Survey Form: Responsive Help

Hi All,

I’m having a hard time figuring out a solution to make my inputs and labels to be responsive.

I’ve been able to get my header and my image to be responsive by using bootstrap column grids and tried the same methods for my inputs and labels without any luck. I’ve also tried to make my container into a grid and then make my inputs and labels to be on the 1/1 space in the grid, but that didn’t seem to work either.

I’m stuck on ideas on what to do, to try to find a solution. Any suggestions would be appreciated! :upside_down_face:

Image Examples of Issue:



Full Page: Full Page

Code: Code

Your page looks responsive even when I view it using iPhone5/SE viewport (Probably the lowest width that you have to support).

I am assuming your page breaks if it goes less than 320px wide. If then, don’t worry about it, as I am sure minimal percentage of people use devices that have widths smaller than this.

1 Like

Thanks @shimphillip. Your comment actually got me thinking of trying a media query for 320 px wide and that solved my issue!