responsive gray area fix

gistfile1.scss

@media (max-width: $bp-large) and (min-width: $bp-medium) {
    html {
        position: relative;
        overflow: hidden;

        &:before {
            content: "Resize your browser";
            background-color: black;
            color: white;
            display: block;
            text-align: center;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1000000;
            font-size: 60px;
            padding-top: 50vw;
        }
    }
}

I am going to include this in all of my projects from now on!