Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

I have been using the console and instructions to answer the majority of the code. I’m having issues placing the p and body elements in the code. Where do the P and body open and close elements go?

Your code so far

<!DOCTYPE html> <html lang="en"><head> <title>"Greek Roasted Chicken and Potatoes"</title><meta charset= "UTF-8"><body></head><h1>"Greek Roasted Chicken and Potatoes"</h1><p><h2>Ingredients</h2><ul><li>chicken</li><li>potatoes</li><li>greek yogurt</li><li>paprika </li></ul></h2><h2>Instructions</h2><ol><li>prep the chicken</li><li>boil the potatoes</li><li>add the yogurt to the chicken</li><li>Bake at 450 for 3 hours</li></ol></p><img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="Greek Chicken and Potatoes"</body></html>

Your browser information:

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 18_3_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.3.1 Mobile/15E148 Safari/604.1

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

Hi,
I think if you try indenting your code, like writing each element in a new line, you will be able to spot the errors.
Good luck!

3

...............

...................

after h1 elements ,so the

element should be like welcoming note

1 Like
4

I do need help, I don’t know where to put the closing p.

<!DOCTYPE html> 
<html lang="en">
<head> 
<title>"Greek Roasted Chicken and Potatoes"</title><meta charset= "UTF-8"></head>
<body>
<h1>"Greek Roasted Chicken and Potatoes"</h1>
<p>
<h2>Ingredients</h2>
<ul><li>chicken</li><li>potatoes</li><li>greek yogurt</li><li>paprika </li></ul></h2>
<h2>Instructions</h2>
<ol><li>prep the chicken</li><li>boil the potatoes</li><li>add the yogurt to the chicken</li><li>Bake at 450 for 3 hours</li></ol></p><img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="Greek Chicken and Potatoes"</body></html>
5

Your p element should contain text, not other elements.

Your img element tag is not closed correctly >

Edit: I assume you are using a phone for this, so I can understand how it is hard to properly format your code. But it is going to make coding anything much harder. I would suggest looking for an external keyboard you can hook up to your phone. Maybe you can find a cheap one, it is still better than nothing.

6

Thank you for that suggestion, I’ll start using my computer.

I’m still not getting the correct answer.

7

The start of you p tag is in the right area however the end part should be below the h1 heading and contain text.

For Example:

<h1>Heading 1</h1>
<p>Paragraph of Information</p>
<h2>Heading 2</h2>
8

Thank you so much, I really appreciate it!