<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<!--
    328lect08-2-2-grid.html: to style by our CSS external style sheet
        built during CSS grid intro recording, on Tuesday, March 18, 2025

    by: Sharon Tuttle
    last modified: 2025-03-18

    you can run this using the URL:
    https://nrs-projects.humboldt.edu/~st10/s25cs328/328lect08-2-2-grid/328lect08-2-2-grid.html
-->

<head>
    <title> 328lect08-2-2-grid </title>
    <meta charset="utf-8" />

    <link href="https://nrs-projects.humboldt.edu/~st10/styles/normalize.css"
          type="text/css" rel="stylesheet" />

    <link href="328lect08-2-2-grid.css"
          type="text/css" rel="stylesheet" />    
</head>

<body>
    <h1> Trying out CSS grid layout! </h1>

    <div class="grid-demo-1">
        <div class="one">One</div>
        <div class="two">Two</div>
        <div class="three">Three</div>
        <div class="four">Four</div>
        <div class="five">Five</div>
        <div class="six">Six</div>
    </div>

    <div class="grid-demo-2">
        <div class="one">One</div>
        <div class="two">Two</div>
        <div class="three">Three</div>
        <div class="four">Four</div>
        <div class="five">Five</div>
        <div class="six">Six</div>
    </div>

    <footer>
    <hr />
    <p>
        Validate by pasting .xhtml copy's URL into<br />
	<a href="https://validator.w3.org/nu">
            https://validator.w3.org/nu
        </a>
	or  
        <a href="https://html5.validator.nu/">
            https://html5.validator.nu/
        </a>
    </p>
    </footer>
</body>
</html>