Hi, sorry for the late reply.
I am not sure but I think the reason might be the content is not properly being contain inside the form(does this makes sense?).
I will try any or both of these two steps:
- give every container and content a
grid-column (or use
grid-area that combines both) for layout.
If I am building your survey, I will give
width:100%, and use grid for the body layout like this
grid-template-columns: 20% 80% 20%;
grid-template-rows: 20% 75% 5%
/*or combine these two lines into gird-area:2/2/3/3;*/
This shall make the content stay inside the form, if not, I will give
Hope this help.