Arrangement of input and output differs

[Dinock]

In the lessons' text the output is always on the left side while the code example/input is always on the right side.
But in the practice screen it is the other way around: The code is always on the left side and the output is always shown on the right side.

I don't think this is a big deal to worry about but it does make the examples and practices look a tiny bit inconsistent. So instead of filing an issue I thought it would be more helpful to discuss this.

Screenshot lessons' text:

Screenshot practice screen:

[NathanLovato]

The code editor is centered in the practice screen because it's the central part of that interface.

In the lesson, people read left to right, so we put the interactive code example on the left to try first and the code listing on the right to read the code afterwards.