On the backside, all text is supposed to be aligned left (as it is on Memrise and on other platforms with this template), as you can see here:
On your screenshots, and the ones @rean provided above, the content appears centered instead. The adjustments suggested in the first point were supposed to fix that. Which of those did you try? (the one from the second point that you quoted seem to work as intended and make submitted answer visible clearly)
is the top cut from the page completely, or is it just the default screen position, and it can be scrolled higher to see the whole thing?
There is another thing that might help with this thing. Can you try adding this piece to the styling:
body {
min-height: 100svh !important;
}
and if the top of the answer still appears cropped, try changing it to:
body {
min-height: 90vh !important;
}
(and lower the number further if it still has no effect)