How do I stop my elements on a dynamic page from being pushed down by a text that resizes due to the items linked to a database.

This is the original position my elements were set at.

And when the next quiz question loads, it pushes the input textbox and the button down.

Then when the 3rd quiz question loads, the input textbox and the button do not return to its original position and also have a significant gap in between each other too. How do I fix this?

  1. solution-1: give the text more space.
  2. solution-2: change places (text & inputfield)
  3. solution-3: fix/pin your wished element as → sticky-position (right-mouse-click onto the wished element → and pin it) → perhaps in a new strip?