Survey Page - Movie Buff

Code Feedback
1

https://codepen.io/Pooja_V_Nair/pen/OJMNbGW
Please have a look.
Comments and feedbacks are highly appreciated(Especially about color schemes, responsiveness,layout)

Thanks
PVN

2

Lovely nice reds
But am viewing it one my phone and it looks terrible only because the size is cutting out information on the buttons and inputs are too small
Nice job any ways

3

Thank you for the feedback !! I will try to correct it…

4

@PVN, nice looking, and a good design concept for movie site.

However, you need to work on your project for small screens, you can use media query in your css, that will fix it. And if at this point you are not going to use media, you may use this code to nearly fix that:

  1. remove all margin from #survey-form
  2. set margin:auto to it
  3. now set max-width: 600px to it
    then check it at your end , once you understand the use of this code, try with your own way changing the value you need.

Thank you.

5

@thetradecoder @ZeeCkel
Thank you for the feedbacks. I have added media query.Hope I have used it correctly.

6

@PVN I think your page looks really great! Excellent work!!

7

Looking great on my phone now
Nice job :+1:

8

Thank you :slight_smile:

9

Your form looks good @PVN. Something to revisit;

  • Don’t use <br> to force line breaks. That’s what CSS is for
10

@Roma Thank you for the feedback.I have updated code as per the comments.