make reference area responsive
Merge pull request #1152 from code-dot-org/responsive

make reference area responsive to width