Input (grade 5): Code is to the left; actual rendering to the right:
Output (grade 5): Code to the left and actual rendering to the right: