Now with a mobile-friendly version: https://codepen.io/lkscotty/pen/QBqdwx
Looks good to me. Very clean and professional looking.
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
Thanks @nadktk! I believe I’ve fixed the issues now
EDIT: ok for real this time
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:
previously it was better 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
Ohh. I see what you mean now. Workin on it!