NEW: Responsive survey form [FEEDBACK]

NEW: Responsive survey form [FEEDBACK]
0

#1

Now with a mobile-friendly version: https://codepen.io/lkscotty/pen/QBqdwx


#2

Looks good to me. Very clean and professional looking.


#3

Hello @LKScotty ,
you did a good job, your survey form is tidy and clear. This version is definitely more responsive than first one. I can suggest you to revise your HTML where you place radio buttons and checkboxes. Read about labels. If you use you bound this label to specified input. So user can click the label content to mark a corresponding checkbox or radio button.
When the screen width is between 770 and 870px #description p flows into the form


#4

Thanks @nadktk! I believe I’ve fixed the issues now

EDIT: ok for real this time


#5

You need to test your project by slowly decreasing the width of your browser to make sure everything remains responsive at different widths. As soon as I made the width smaller, I saw this:


#6

previously it was better :slight_smile: Try again

look at the example of using labels from challenges:

<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>

notice where ‘id’ and where ‘for’ attribute is


#7

Ohh. I see what you mean now. Workin on it! :slight_smile: