website Move remaining pages to be responsive

Thanks to #2477 the main site, header and footer are all now capable of being responsive. However, most of the pages weren't originally designed with that in mind and need to be have some styling re-worked in order to handle that. This issue tracks which pages need to be "responsified" and orders them roughly by ease / usefulness. Good PRs to resolve issues will show screenshots of how things look on your end so we can point out any obvious issues without doing a build on our end:

[x] blog - https://github.com/emberjs/website/pull/2595
[x] security - https://github.com/emberjs/website/pull/2564
[x] legal - https://github.com/emberjs/website/pull/2563
[x] logos - https://github.com/emberjs/website/pull/2587
[x] guidelines - https://github.com/emberjs/website/pull/2564
[x] ember-users - should be relatively straightforward
[x] sponsors - https://github.com/emberjs/website/pull/2572
[x] community page - https://github.com/emberjs/website/pull/2683
[x] team - https://github.com/emberjs/website/pull/2684
[x] meetups page
[x] Tomsters page
[ ] builds page - if page structure needs to be changed at all, please make your changes on the new Builds page: https://github.com/ember-learn/builds
[x] api - 🔒 https://github.com/ember-learn/ember-api-docs
- [ ] initial work done, clean up work would be great
[x] home page / about (highly visible, would suggest contacting @wifelette before starting in on this)
- [ ] initial work has been done, cleanup is needed
[x] deprecations pages - https://github.com/emberjs/website/pull/3046
[ ] blog details page needs to be responsive as well (see http://emberjs.com/blog/2017/02/28/2017-ember-community-survey.html as an example of a page that isn't responsive that we'd like to be automatically)

Mar 24 '16 02:03 acorncom

See Pull Request https://github.com/emberjs/website/pull/2523

Apr 01 '16 09:04 toovy

i have started making the blog and top menu responsive, Any ideas for handling the sidebar?

May 05 '16 12:05 nithindavid

@webofnithin Re: the blog page, I would suggest you paginate and put the blog menus beneath the main content area. But it would probably also be worth coordinating with us on the Slack -learning channel, as there are a few things it might be easier to discuss ...

Aso, the top menu should already be responsive if you match what was done on some of the other PRs (see https://github.com/emberjs/website/pull/2564 as an example)

May 09 '16 21:05 acorncom

See Pull Request #2583 - new responsive styles and markup for Showcase component (ember-users and sponsors)

May 12 '16 15:05 steveszc

See Pull Request #2587 - responsive layout for logos page.

May 17 '16 06:05 kennethlarsen

See pull request #2595 - responsive blog with pagination

May 21 '16 06:05 nithindavid

See pull request #2683 - responsive Community page

Sep 22 '16 02:09 steveszc

See pull request #2684 - responsive team page

Sep 22 '16 03:09 steveszc

See #2690 for the meetups page.

Oct 04 '16 21:10 romulomachado

@acorncom as soon as the updates to the Tomsters page from #2699 are merged I'll take a look at that page and make any necessary adjustments.

Oct 16 '16 18:10 ultimatemonty

If anyone has time to work on things here, we're definitely getting to the final stretch. API docs have been responsified but could use some love to make them nicer to use for us all ...

Feb 14 '17 05:02 acorncom

See https://github.com/emberjs/website/pull/2853 for the tomsters / mascots page