gistfile1.css

nav {
    /* Style nav links to be full width bars with healthy padding. */
}

@media screen and (min-width: 700px) {
    /* Tablet styling. Width is just a rough guess. */
    
    nav {
        /* Style nav links to appear "buttony", in a full-width horizontal row. */
        
        target: ph-nav-tablet;
    }
}

@media screen and (min-width: 1200px) {
    /* Desktop styling. Width is just a rough guess. */
    
    nav {
        /* Style nav links to appear "buttony", floating in a horizontal row to the right of the screen. */
        
        target: ph-nav-desktop;
    }
}