Assistance with Survey Form

HTML-CSS
1

Project: Responsive Web Design Projects - Build a Survey Form
CodePen: https://codepen.io/vleandro09/pen/JjYJxpv

I’m struggling with getting the “form” to be centered (along with the input items). From a responsive standpoint it works, but I don’t need the form to be “wall to wall”. I’m stuck on what I’m missing.

I appreciate any tips or help on this project. Thank you. -V

2

Hi @vleandro09. Welcome to FCC. You can apply the following to the form element outside the media queries( I notice you have quite a number)

form{
  width: 80%;
  margin: 0 auto;
}

You can change the width to any percentage of your choice. Happy coding.

3

Thank you! That did it. Still trying to get my head wrapped around all the sizing and margin options and when to use which! Thank you again!

1 Like