EXAMPLE_OUTPUT.md

Example Output

To help you visualize what the output of the project should be, here's a few examples.

If the restaurant chef sets a price of 4.99, the HTML produced would look like this.

<h1>Menu</h1>

<article class="menu">
    <h2>Halibut</h2>
    <section class="menu__item">Halibut Soup</section>
    <section class="menu__item">Halibut Sandwich</section>
    <section class="menu__item">Grilled Halibut</section>

    <h2>Mackerel</h2>
    <section class="menu__item">Mackerel Soup</section>
    <section class="menu__item">Mackerel Sandwich</section>
    <section class="menu__item">Grilled Mackerel</section>

    <h2>Salmon</h2>
    <section class="menu__item">Salmon Soup</section>
    <section class="menu__item">Salmon Sandwich</section>
    <section class="menu__item">Grilled Salmon</section>
</article>

If the price is 8.01

<h1>Menu</h1>

<article class="menu">
    <h2>Halibut</h2>
    <section class="menu__item">Halibut Soup</section>
    <section class="menu__item">Halibut Sandwich</section>
    <section class="menu__item">Grilled Halibut</section>

    <h2>Mackerel</h2>
    <section class="menu__item">Mackerel Soup</section>
    <section class="menu__item">Mackerel Sandwich</section>
    <section class="menu__item">Grilled Mackerel</section>

    <h2>Salmon</h2>
    <section class="menu__item">Salmon Soup</section>
    <section class="menu__item">Salmon Sandwich</section>
    <section class="menu__item">Grilled Salmon</section>

    <h2>Orange Roughy</h2>
    <section class="menu__item">Orange Roughy Soup</section>
    <section class="menu__item">Orange Roughy Sandwich</section>
    <section class="menu__item">Grilled Orange Roughy</section>
</article>

If the price is 3.49

<h1>Menu</h1>

<article class="menu">
    <h2>Salmon</h2>
    <section class="menu__item">Salmon Soup</section>
    <section class="menu__item">Salmon Sandwich</section>
    <section class="menu__item">Grilled Salmon</section>
</article>