Skip to content

Instantly share code, notes, and snippets.

@jeresig
Created April 22, 2014 17:09
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jeresig/11187056 to your computer and use it in GitHub Desktop.
Save jeresig/11187056 to your computer and use it in GitHub Desktop.
@media screen and (max-width: 719px) {
.nytint-upshot-stream-item-bCol {
margin: 0;
}
.nytint-upshot-stream-item .photo.embedded.layout-large-horizontal,
.nytint-upshot-stream-item-article .story-heading {
max-width: 100%;
}
.upshot-bento-box-span .upshot-lede-region {
margin-right: 0;
}
.nytint-upshot-stream-item .interactive {
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.upshot-bento-box-span .upshot-top-cCol,
.nytint-upshot-marginalia-container {
display: none;
}
#g-promo p {
height: auto;
}
}
@jeresig
Copy link
Author

jeresig commented Apr 22, 2014

Makes the NYT Upshot more responsive.

Before:


After:


@tiffehr
Copy link

tiffehr commented Apr 22, 2014

Yep, we know. It'll get there as quick as we can. Until then, enjoy our mobile site redirect?

@jeresig
Copy link
Author

jeresig commented Apr 22, 2014

@tiffehr: Thanks Tiff! No worries, just thought it might be useful! Great job on the launch :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment