Russ Gossett. Archive Pages Categories Tags

Code Snippets

The new HTML5 DOCTYPE is used like this:

<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/modernizr.js"></script>
    </head>
    
    <body>
    </body>
</html>

Media Query Snippet

@media only screen and (min-width: 30em) {
/* STYLES FOR 480px */
}

@media only screen and (min-width: 43.75em) {
/* STYLES FOR 700px */
}

@media only screen and (min-width: 68.75em) {
/* STYLES FOR 1100px */
}