Hello fellow campers, good day.
Could I get some feedback on my newly created survey form? Any critics and suggestion are welcomed
Thanks!
Hello fellow campers, good day.
Could I get some feedback on my newly created survey form? Any critics and suggestion are welcomed
Thanks!
It looks very nice! You should put the question mark together with the word next to your textarea. You might also want to put a slight border on the textarea because it kind of blends into the background. A border similar to the one that the checkboxes have would probably be fine.
The description paragraph might benefit from a larger font size.
Oh ok thanks for the feedback will work on it ASAP
Looks cool and responsive.
However, I feel that the survey-form
should have equal Top
& Bottom
spacing. Noticed you used padding:1%;
for each and form-title
is having margin-top: 5%;
making it 6%
spacing from the top
and 1%
from the bottom
Hard to notice on a large screen display but, easy to spot the different on mobile
But, it’s still nice though.
By the way, wouldn’t a textarea that blend with the background color more beautiful?
Try to for
attribute to your labels so when you click on label it will check /select checkbox/radio
But wouldn’t that mean I need to create an ID for all the radio and checkbox elements?
Since you mixed them in your form I’ll suggest you review these two lessons;
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons
https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element
When you do a user will be able to click on the words, not just the radio button or checkbox.
Watch your naming. For instance, make a choice in ‘Why do you normally code?’ and then watch what happens to that choice when you choose a radio button the the next question, ‘How much time do you…’
Personal data has different opening and closing elements.
Edit:
I also noticed you styled your unordered list in HTML. You should do that in CSS.
There is another way to do it by putting your check/radio inside labels like this: <label><input ....></label>
without using for and id attribute
@SalimDev and @Roma thanks, I’ve fixed it. Well, I totally forgot about that method lol. Looks like I still have a long way to go
don’t worry we’re together in this long way