Feedback- Survey form(Happiness survey)

Hi there, i finished my second project and i need some feedback or advice to improve my project https://codepen.io/gpr97-the-encoder/full/XWdmeOM . how to match radio and check-box label’s alignment with respect to their input’s ? any help would be appreciated.

Pretty clean !
Maybe you can use others colors and font but it’s cool !

1 Like

Not sure what you mean by :

But if I understand, you can’t

I think I got it, just do :

.input-radio, .input-checkbox {
    margin-left: 0px;
} 

Hey there,

great job so far! :clap:


My ideas:

  • all tests pass, awesome!

  • you can increase the readability of your code by:

    1. clicking on the small arrow on the right side of the code box and
    2. clicking Format HTML/CSS
  • you can increase the overall readability of your page by adding some more spacing, e.g. between the different inputs; you can read more about it here

Screenshot_2020-08-21_08-43-48

  • when I decrease the width of my browser, the content gets squeezed; this is important for people who read your page on a smartphone; you probably don’t need that much margin (grey):

Screenshot_2020-08-21_08-45-29


Already had a look at `align-items?


Keep us posted and keep up the good work!

Your form looks good @gp97. Something to revisit;
Next time try starting with a blank page for the HTML and do it all yourself. Your HTML structure, class names, id names are the same as the sample.
You’ll learn more by doing it from scratch. Your form doesn’t have to match the sample.