index.html

<!DOCTYPE html>
<html>
    <head>
        <title>My Grid Practice</title>
        <link rel="stylesheet" href="style.css">
    </head>
        <div class="gridness" >
	<header class="top-header">
		<h1>Name and Nicknames</h1>
	</header>
	<div class="Grid">
		<div class="first">
			<header class="first__header">
				<h3>James Franklin Lewallen</h6>
			</header>
			<section class="first__body">
				<p>Nickname Lew or Red</p>
			</section>
		</div>
		<div class="first">
			<header class="first__header">
				<h3>Frieda Lavern Lewallen</h3>
			</header>
			<section class="first__body">
				<p>Nickname Frieda Jean or Squawl</p>
			</section>
		</div>
		<div class="first">
			<header class="first__header">
				<h3>Terry Lee Morgan</h6>
			</header>
			<section class="first__body">
				<p>Nickname Margarett or Captain Morgan</p>
			</section>
		</div>
		<div class="first">
			<header class="first__header">
				<h3>Elizabeth Ann Jones</h3>
			</header>
			<section class="first__body">
				<p>Nickname Bethann or Beth</p>
			</section>
        </div>
        <div class="first">
			<header class="first__header">
				<h3>James Michael Lewallen</h6>
			</header>
			<section class="first__body">
				<p>Nickname Mike</p>
			</section>
		</div>
		<div class="first">
			<header class="first__header">
				<h3>Christopher James Nichols</h3>
			</header>
			<section class="first__body">
				<p>Nickname Chris or Peddle Car</p>
			</section>
		</div>
		<div class="first">
			<header class="first__header">
				<h3>Sarah Marie Irving</h3>
			</header>
			<section class="first__body">
				<p>Nickname None</p>
			</section>
		</div>
		<div class="first">
			<header class="first__header">
				<h3>Kevin Jones</h3>
			</header>
			<section class="first__body">
				<p>Nickname Bubba Jones</p>
			</section>
		</div>
	</div>
	<aside>
		<p>The Lewallen Family Tree</p>
	</aside>
	<footer>
		<p>Brought to you by Terry</p>
	</footer>
</div>