Reply To: Mobile First Issue

[Senff]

What you have now, is a -5px margin when the screen is more than 700px, because:

.crowsnest {
    margin-left: -5px;
    margin-right: -5px;
    border-radius: 8px;
......
[more code]
......
@media (max-width: 700px) {
    .crowsnest {
        margin: 0;
    }
}

So by doing this, the -5px is always there (regardless of screen size), and then for screens smaller than 700, you override it by giving it a 0 margin.

So you need to switch it around. At the top, set it to -5px, and then in the media query, set it to 0. Like this:

http://codepen.io/senff/pen/Nrrxyv