Survey project, stuck with a few things need help

1

Hi! i have been doing my survey project and i have a few things that i dont understand or have been trying to fix and its killing me so i would love some help and also feedback about how it looks, thank you!

Beer Survey Project

So my problems are:

:pinching_hand:-I dont know if its ok to use the fieldsets for checkbox and radio buttons between all those other parts of the form wrapped in divs, i did it for accesibillity but idk if its equal to do it as the example shows, using divs too with p for the legends.

:pinching_hand:- these checkboxes and radio buttons look horrible and i cant put the mark boxes beofore the texts or change them to a normal size that fits in the flow of the page and looks nice, i really hate this one xd.

:pinching_hand:- i tried to add padding to mi ā€œ.subheadingsā€ class and it doesnt add it between them and the input box, it actually fucks up my background image and i dont understand why.

Also i think the background image is not well coded and shouldnt be done like that, all of this things ive been trying to fix for a few hours but dont know well.

I think there s poor coding in this one or something i dont get it but it seems like its really fragile and things dont work well. If u could help me improve it i would really appreciate it :3

thank you for reading <3.

2

Yes, you should be using fieldset with legend for the radio and checkbox groupings. Itā€™s good that you are thinking about accessibility. Donā€™t change a thing there. You just need to change the <p> above the textarea to a <label> and I think youā€™ve got them all.

The reason you canā€™t get the radio buttons/check boxes in front of the text is because you have all inputs set to width 100%. I donā€™t think you want to do that for the radio buttons/check boxes.

Iā€™m not sure what the problem with adding padding on .subheadings is. Youā€™ll have to be more specific. And donā€™t know what you consider wrong about the background. Please explain.

One suggestion I will make is do not use pixels to define heights on inputs and such. You want the heights to be able to grow as the font size is increased. Use ā€˜emā€™ if you need to declare a height.

1 Like