The Great Discontent | Examples | Responsive Web Design

The Great Discontent

The Great Discontent across four different breakpoints

View The Great Discontent

The Great Discontent (TGD) is a beautiful online journal of some of the best designers around. Always an inspiring read and perfectly laid out across multiple devices.

Along with the resources you can see below TGD has also added a few tweaks to make the reading experience all that much more enjoyable.

These include,

The Great Discontent Technical Details

Site Meta Tag

<meta name="viewport" content="width=device-width; initial-scale=1.0">

Media Queries

/* Main Styles */
@media only screen and (min-width: 1024px) and (max-width: 1140px)

@media only screen and (max-width: 767px)

@media only screen and (max-width: 1023px)

@media only screen and (min-width: 768px) and (max-width: 1024px)

@media only screen and (min-width: 768px) and (max-width: 1023px)

@media only screen and (min-width: 480px) and (max-width: 1023px)

@media only screen and (min-width: 480px) and (max-width: 767px)

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)
/* Yaron Schoen Specific */

@media only screen and (max-width: 1024px)

@media only screen and (min-width: 600px) and (max-width: 1023px)

@media only screen and (max-width: 767px)

@media only screen and (min-width: 768px) and (max-width: 1023px)

@media only screen and (min-width: 768px)

@media only screen and (max-width: 767px)

Plugins used on The Great Discontent

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.