index.html

<!-- valid responsive HTML5 page -->

<!-- HTML5 document -->
<!DOCTYPE html>

<html lang="en">

<head>
  <!-- responsive meta tag -->
  <!-- self closing -->
  <!-- compare w/ head, html, title, body, h1 -->
  <meta charset="UTF-8">
  <!-- Tells the browser to set the content width to the viewport one -->
  <!-- Therefore content will adapt automatically  -->

  <!-- Tells the browser to set the zoom level to 1 initially -->
  <!-- while still allowing the user to zoom in (especially on mobile) -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- Add CSS reset -->
  <link rel="stylesheet" type="text/css" href="css/minireset.min.css">
  <link rel="stylesheet" type="text/css" href="css/main.css">
</head>

<body>
  <h1>Hello World!</h1>
</body>

</html>