[Help Wanted] Make Programs Page Work on Mobile

[jbaldo]

Task: Make the graph on this page full width when the page loads and when the windows is resized.. http://trackg.org/programs.html#basic-school-support. You can reach this page by going to trackg.org, clicking By Program in the top menu and clicking a bar in the chart.

Why this is Important: Most people in Oakland access the internet through a mobile device. Those without internet access at home may still have a smartphone data plan. In order for TrackG.org to be accessible to all parents in Oakland, it should work on a mobile sized screen.

Outcomes:

• resizing this page updates the graphs to be the full width of the page

Tips to get started: You can use your phone, make your browser window small (narrow) in size or use Chrome Developer Tools to mimic a mobile browser. Check out the classes on the container in html. It might be bootstrap related. If not, you can set the width of a Google chart on load in the options.

When you're done:

• Let Erin Hancock know on Slack!
• submit a pull request to master

Contact for Questions: Help wanted tasks are meant to be completed without much support. So do what you can on your own! If you really get stuck, contact John Baldo or Erin Hancock on Slack.

Extra Credit:

• Suggest a better way to show this data on a small screen?