https://codepen.io/kundankumar26/full/KxMRPg/

https://codepen.io/kundankumar26/full/KxMRPg/
0

#1

need some suggestion and feedback about this codepen project


#2

Survey form looks good. Edit title for this topic. Give appropriate title.


#3

I like it!

But if i be you i will do the main like this:

#main {
max-width: 50%;
margin: 30px auto;
background: #00223a;
padding: 15px 40px;
box-sizing: border-box;
border-radius: 5px;
}


#4
  1. Use the for attribute on your lables.

To associate the <label> with an <input> element in the above style, you need to give the <input> an id attribute. The <label> then needs a for attribute whose value is the same as the input’s id.

  1. I would move the break point a bit so it kicks in sooner. Just before your h1 text starts to wrap

  2. Maybe also scale the font size down just a hair on small screen sizes.


#5

ok, thinking something more suitable


#6

ok, will test you css style also.
Thanks for the feedback.


#7
  1. the form is not getting submitted thaswhy i left the for and id attr.
  2. will do that
  3. does it is creating any problem in the mobile view