index.html:
- add title
- add mobile code
<meta name="viewport" content="width=device-width, initial-scale=1.0">
https://www.w3schools.com/css/css_rwd_viewport.asp

data.js:
- spelling mistake 
ingredients: ["grain, hops, yeast, water"] (add quotes between each item)

index.css:
- add hover effects to all buttons
- place outline around container

index.js:
- form fields: letters only, numbers only (depending on which field is being filled out)
- clear order after payment is made (can still add to existing choices)

STRETCH:
- disable buttons when modal opens and enable when it closes
- Your order and total price should disappear if all items are removed

For fun....add burger confetti after payment is made!

<script src="https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js"></script>
function confetti() {
    const jsConfetti = new JSConfetti()
    jsConfetti.addConfetti({
    emojis: ['🍔', '🍺', '🍕'],
    confettiNumber: 100,
    emojiSize: 60
    })
    jsConfetti.addConfetti()
}


- Your order and total price should disappear if all items are removed

For fun....add burger confetti after payment is made!