Currently working on the FCC: Survey Form challenge, but I have a question related specifically to spacing elements using inline-block.
If you check out the example page here: https://codepen.io/freeCodeCamp/pen/VPaoNP you can see that all of the various fields are nicely spaced one on top of the other like any normal survey page.
I’ve carefully read through the example code and I can’t understand which part of the CSS is causing the labels and input fields to nicely stack like that.
I’ve made a simpler version using what I thought would be the same style https://codepen.io/Datoufa/pen/PBmbZJ?editors=1100 and everything is just placed on the same line.
Could anyone let me know what I’m missing? Thanks!