<!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 flex 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-flex.html
-->

<head>
    <title> S26 328lect08-2-flex </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-flex.css"
          type="text/css" rel="stylesheet" />    
</head>

<body>
    <h1> Another CSS Flexbox Demo </h1>

    <p> Trying out CSS flexbox layout on a small form! </p>

    <form action="https://nrs-projects.humboldt.edu/~st10"
          method="get">
    
        <label for="hungry"> What are you hungry for? </label> 
        <input type="text" name="hungry" id="hungry" />

        <div class="submit-div">
            <input type="submit" />
        </div>
    </form>
    
    <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>