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

<!--
    328lect08-2-flex.html: to style by our CSS external style sheet
        using grid layout during Week 8 Lecture 2, on Wednesday, 
        March 11, 2026

    by: Sharon Tuttle
    last modified: 2026-03-11

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

<head>
    <title> S26 328lect08-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-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>

    <p>
        Validate CSS by pasting external CSS's URL into<br />
	<a href="https://jigsaw.w3.org/css-validator/">
	    https://jigsaw.w3.org/css-validator/
	</a>
    </p>
    </footer>
</body>
</html>