Survey Form (including problem)

Hey there, I finished my survey form yesterday. It took such a long time and I’m quite happy with it because it seems to work, but I have no idea if my html/css code is okay. I don’t know anything about structure conventions yet and of course it’s possible I didn’t notice mistakes or un/necessary details. Some feedback would be great!

WELL, that was what I wrote before I noticed a mistake. It didn’t show up before I uploaded my code to CodePen and I have no idea how to fix it.

As you can see, the input elements reach too far to the right. They’re supposed to align with the select element (and they did in the fCC preview). I don’t understand why they don’t behave like the select element and why everything worked on fCC. Can someone help me?

(Feedback on the rest of the code would still be nice. :smiling_face:)

https://codepen.io/scissorsky/pen/WNzLagp

Replying to my own post because I figured out what went wrong, I’m so happy!

I was convinced I made a mistake I couldn’t find, but today it finally occured to me that maybe it’s normal for select and input elements to behave differently. So I googled some more and found a solution! https://www.geeksforgeeks.org/how-to-make-input-and-select-elements-to-be-same-width/

I still don’t quite get why my original code worked in the fCC preview window, but I can live with that.

1 Like