Bubble layout to webpage formatting issues

I am having issues with maintaining the page layout when I switch to the preview of the webpage. Text boxes will shift and not line up with the items in the below repeating group. The button on the far right of the repeating group will “roll over” to the next line and the group will be 2X the height I intended.

What are best practices for maintaining webpage layout?
Recommended page width?
Do the fixed width/minimum width/stretch width affect it?
How do I lock the relative position element together?