Survey Form: Responsive Help

HTML-CSS
1

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:

2018-09-03_1032_001

2018-09-03_1032

Full Page: Full Page

Code: Code

2

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
3

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