I would like some feedback for my Survey Page project

I have made use of Material Design (CSS-only). The content may be uninspired, however. Codepen link

I like MD, I like its clean looks :slight_smile:

I would stretch input boxes more to the right so that it has about same space from edges to the left.
Enable to check radio/check boxes by clicking on their texts.
Change cursor when mouse hovers on submit button.

Good luck.

1 Like

Thanks for your prompt reply! I’ll consider your suggestions.

Is it okay if I keep the radio button/check-box labels unclickable? The way I have laid out my code makes it difficult to nest the labels within the inputs and I don’t know of any other way of implementing the same without the use of Javascript.

yeah ofc!

It was only a suggestion for better user usability :slight_smile:

1 Like

Its a very neat design choice, i would’ve never thought of. very simple, good looking.

I would suggest making it a little wider, and then making it have a relative width on smaller screens.

limit the min-width to 320 pixels.

I see. I hadn’t understood the whole group by name thing and had just hastily thrown it together to fulfill the tests. I’ll look into it, thanks!

Thanks a bunch! I was actually trying to replicate the Google Forms style, albeit rather unsuccessfully, hence the narrow width. But, I’ll see what I can do!