Fork Me! help with my survey form

Please help me with corrections on my survey form.
1- how can i add blur color in my background like this https://codepen.io/freeCodeCamp/full/VPaoNP
2- i cant align my radio and checkbox buttons properly
3- my media queries is not working.
please check my codes and help with necessary corrections. below is my survey form. Thank you guys
https://codepen.io/onotode/pen/NWNRgKM

Seems like there is no blur added to the background image, the source code used a linear-gradient to achieve the effect. Here’s their code, which you can see by changing to editor view within the pen:

background-image: linear-gradient(
      115deg,
      rgba(58, 58, 158, 0.8),
      rgba(136, 136, 206, 0.7)
), url(https://cdn.freecodecamp.org/testable-projects-fcc/images/survey-form-background.jpeg);

Setting the width to 100% and display to block seems to be disrupting your radio and checkbox alignment. Try removing those properties from the input style, or specify that you only want those styles applied to text fields (you can do this by adding the [type="text"] selector).

What problems were you having with your media query? It works well, I think.

1 Like

thanks, much appreciated.