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
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.
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
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!