Responsive graph in capture example

[symt]

In response to #110 (for gci).

Make sure these boxes are checked before your pull request is ready to be reviewed and merged. Thanks!

• tests pass -- see README.md for how to run them
• code is in uniquely-named feature branch, and has been rebased on top of latest master (especially if you've been asked to make additional changes)
• pull request are descriptively named
• if possible, multiple commits squashed if they're smaller changes
• reviewed/confirmed/tested by another contributor or maintainer

Please be sure you've reviewed our contribution guidelines at https://publiclab.org/wiki/contributing-to-public-lab-software

Please alert developers on plots-dev@googlegroups.com when your request is ready or if you need assistance.

Thanks!

---

What it looks like: https://imgur.com/a/l8zFo9M
I'm unsure if that is the correct "item" to be looking at for the change. If it isn't, please tell me and I'll modify the query to fit the correct standard.

[welcome]

Thanks for opening this pull request! Dangerbot will test out your code and reply in a bit with some pointers and requests.
There may be some errors, but don't worry! We're here to help! 👍🎉😄

[chen-robert]

Welcome to Public Labs @symt!

If you haven't already, be sure to check out the welcoming post at publiclab/plots2#6808 😄 You can also come to chat with us on gitter!

The changes look great, should be ready to merge now!
cc: @sidntrivedi012 @jywarren

Glad to have you here 🎉

[starkblaze01]

Hi, @symt Thanks for opening the PR. Things are great so far but you have to add some changes. You have to set different widths for different standard screen sizes. And add gifs for it. Please so open the developer console in the gifs to make sure things are working fine. You can screen sizes for different ranges. Like for up to max-width: 480px, max-width: 992px and max-width: 1382px

[symt]

Is something like this what you're looking for? I'm not sure if the CORS error is relevant here.

[jywarren]

Is it possible to use Bootstrap layout classes to manage this in a standarized way?

https://getbootstrap.com/docs/4.3/layout/grid/

[starkblaze01]

Hi, @symt changes look great. Can you add gifs showing different screen sizes on the browser?

[symt]

Here

[starkblaze01]

LGTM

[welcome]

Congrats on merging your first pull request! 🙌🎉⚡️
Your code will likely be published to https://spectralworkbench.org in the next few days.
In the meantime, can you tell us your Twitter handle so we can thank you properly?
Now that you've completed this, you can help someone else take their first step!
See: Public Lab's coding community!

[jywarren]

Super! Great work!!! Thank you!