_examples-css-variables/2.6-css-var-demo-media-query-responsive-layout.html

<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>2.6-css-var-demo-media-query-responsive-layout</title>

    <link rel="stylesheet" href="2.6-style-css-var-demo-media-query-responsive-layout.css">
  
  </head>

  <body>
    
    <div class="container">

      <h1 class="top-heading-text" id="topHeadingText">2. CSS Variable Demo</h1>
      
      <h2 class="subheading-text" id="subHeadingText">2.6 - CSS Variable Media Query Responsive Layout</h2>

      <section class="section-container">
        <article>Article 1</article>
        <article>Article 2</article>
        <article>Article 3</article>
        <article>Article 4</article>
      </section>
  
      <footer class="footer-text">This is footer Text</footer>
        
    </div>
    
  </body>

</html>