dudelson/food-label.html

## food-label.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
    <title>Food Label Mini-Project</title>
</head>
<body class="m-4">
    <main class="max-w-md my-0 mx-auto bg-slate-100 border border-solid border-slate-400 rounded">
        <div class="grid grid-cols-12 m-4 p-2 border-4 border-solid border-green-500">
            <h1 class="col-span-12 py-1 text-center font-extrabold uppercase">Bright, peppery finish</h1>
            <p class= "col-span-12 py-1 text-justify"> Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows.</p>
            <p class="col-span-12 py-1 text-justify"> Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. </p>

            <div class="col-span-12 h-md border border-solid border-green-500 rounded"> </div>

            <div class="col-span-4">
                <span></span>
                <p>Cold-pressed</p>
            </div>
            <div class="col-span-4">
                <span></span>
                <p>Sodium-free</p>
            </div>
            <div class="col-span-4">
                <span></span>
                <p>Vegan</p>
            </div>

            <div class="col-span-7">
                <div id="nutition-facts"></div>
                <p class="text-center">www.latourangelle.com</p>
            </div>
            <div id="ingredients+info" class="col-span-5">
            </div>
        </div>
    </main>
</body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="https://cdn.tailwindcss.com"></script>
	<title>Food Label Mini-Project</title>
	</head>
	<body class="m-4">
	<main class="max-w-md my-0 mx-auto bg-slate-100 border border-solid border-slate-400 rounded">
	<div class="grid grid-cols-12 m-4 p-2 border-4 border-solid border-green-500">
	<h1 class="col-span-12 py-1 text-center font-extrabold uppercase">Bright, peppery finish</h1>
	<p class= "col-span-12 py-1 text-justify"> Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows.</p>
	<p class="col-span-12 py-1 text-justify"> Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. </p>

	<div class="col-span-12 h-md border border-solid border-green-500 rounded"> </div>

	<div class="col-span-4">
	<span></span>
	<p>Cold-pressed</p>
	</div>
	<div class="col-span-4">
	<span></span>
	<p>Sodium-free</p>
	</div>
	<div class="col-span-4">
	<span></span>
	<p>Vegan</p>
	</div>

	<div class="col-span-7">
	<div id="nutition-facts"></div>
	<p class="text-center">www.latourangelle.com</p>
	</div>
	<div id="ingredients+info" class="col-span-5">
	</div>
	</div>
	</main>
	</body>
	</html>