Responsive design

[effa]

Some ideas:

• let user to resize columns (workspace and main panel) by dragging separator between them
• separate scrolling for blockly workspace and main panel
• footer? (now it's hidden below absolutely positioned workspace and main panel, maybe we can put it just below the screen)
• for small screens: maybe tabs (one tab with workspace + run button, second tab with maze and instructions)?

[effa]

Small screens:

• workspace (default)
• maze tab
• instructions tab

Large screens:

• column for workspace
• column for maze
• tab for instructions

Header:

• session progress (7 tasks per session)
• credits (to spend, total)

Instructions tab:

• the latest instruction
• switch for older instructions

[effa]

Another UI suggestions (Radek):

• block limit should be closer to the program and in bigger font
• move "easier task" button to a more appropriate place
• replace "home page" by the practice page