Feedback on Survey Form_Responsive

Code Feedback
2

Hello Michael,

Just checked your work, and I liked the colour scheme so much, very great, neat and pro design, perfect.

But some issues too,
Radio buttons come without label tag! please fix.
Same about the checkbox, they come with broken label linking. If you check all labels for checkbox buttons are associated to first checkbox, please fix.
Layout is broken for desktop, since it’s working on mobile view, I was expecting viceversa :smile:

I just found one weird CSS coding as following,

.grid-container {
    margin: 20px 20px 20px 35%;
    display: grid;
}

That margin could break your layout very very easy. why? also considering rest rules

.container {
    width: 100%;
    margin: auto;
}

So it’s easy, 100% + 35% for padding will break your layout very easy.
Please remove that margin, and it’s fixed. The way you try to center the content with this way is not logical and bad way.

As your form goes one element for each row(line) you don’t need grid display/layout at all!

Just place each label and its associated input in one div, as div displays as block, ir automatically perform line break for next element.
I suggest you rework the layout please.

I see you set default value instead of placeholder for the textarea, please fix. Don’t use default values as placeholder.

You may have a quick read on this survey form challenge walkthrough article comes with some sample and template layout could help you to rework the layouting.

Overall good work Michael, especially the smooth design, I like it so much.

Keep going on great work, happy coding.