I was working on my Survey Form project and everything was fine until I started styling the inputs and their containers !
If you click the link you’ll get on my codepen.io and see that I’m not that far because I’ve been trying to put space between my inputs and labels while trying to make sure they are aligned.
Here are some screenshots to make sure you understand what I’m saying because I might be a bit confusing (sorry about that) :
1 - First screenshot is what I’m aiming to do but with my own style and ofc with understanding, I’ve tried looking on google multiple websites and their code but I still couldn’t do it : https://postimg.cc/image/w962lf53x/
2 - Second screenshot is what I’ve done : https://postimg.cc/image/momfyyfwd/
Not sure where the problem is coming from, I assumed it is from my lack of knowledge when it comes to:
- spacing using margin and padding
- display, position, float props that I don’t really understand (I’d love explanations)
- Eventually (not very certain of that) my div structure that’s not very well made but I’m pretty sure it’s good
Thank you very much,