Add styles and edit link structure

This commit is contained in:
lolabird 2023-08-18 18:59:24 -06:00
commit debfc9bc03
6 changed files with 78 additions and 17 deletions

View file

@ -4,13 +4,22 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recipes - Green Bean Casserole</title>
<link rel="stylesheet" href="../style.css" />
</head>
<body>
<h1>Green Bean Casserole</h1>
<p><a href="../index.html">Return Home</a></p>
<h1>Odin Recipes</h1>
<h2>Green Bean Casserole</h2>
<ul class="recipe-menu">
<li><a href="../index.html">Home</a></li>
<li><a href="./greenbean-casserole.html"> Green Bean Casserole</a></li>
<li><a href="./avocado-toast.html">Avocado Toast</a></li>
<li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
</ul>
<img src="../images/GreenBeanCasserole.jpg" alt="Green Bean Casserole">
<h2>Description</h2>
<h3>Description</h3>
<p>
Green bean casserole has been a favorite of mine since childhood.
It's creamy, cheesy, crunchy, fresh and <em>super</em> easy to make!
@ -19,7 +28,7 @@
</p>
<p>So without further ado, let's dive in to the recipe!</p>
<h2>Ingredients</h2>
<h3>Ingredients</h3>
<ul>
<li>One large can of cream of mushroom soup</li>
<li>Four small cans of green beans</li>
@ -27,7 +36,7 @@
<li>Cheddar cheese</li>
</ul>
<h2>Steps</h2>
<h3>Steps</h3>
<ol>
<li>Preheat your oven to 350 degrees.</li>
<li>Carefully open all the cans</li>