Build a Recipe Page - Build a Recipe Page

Tell us what’s happening:

Hello everyone. I have a problem: I’m building a website and working on the assigned tasks, but I can’t complete items 11, 13, 14, 15, 16, and 17. I’d really appreciate your help with these. Thanks in advance!

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title> Cepelinai for Beginners [Recipe] </title>
  </head>
  <body>
    <main>
      <h1>Cepelinai for Beginners [Recipe]</h1>
      <h2></h2>
      <p> <img src="https://myfoododyssey.com/wp-content/uploads/2017/02/cepelinai-dsc_0275-2.jpg?w=900" alt="lt"> The first time I made cepelinai I failed miserably. And the second time. And probably the third time. After that, I called it quits and resolved only to eat cepelinai that had been prepared for me by someone who knew what they were talking about – either at a restaurant or by one of our Lithuanian friends.

It’s not that cepelinai are particularly difficult to prepare, it’s just that the concepts were so foreign to me. I was told that they were made with grated potato, so I grated my potatoes the same way I would for hash browns. But that’s not what’s required. Although many recipes for cepelinai call for grated or even finely grated potato, what they actually mean is pulverized potato. If using a simple box grater you would use the zesting side, not the grating side. </p>
<h1>Cepelinai for Beginners [Recipe]</h1>
        <h2> Ingredients </h2>
      <h3> For the potato dough: </h3>
      <al>
         <h5>
          <li> 3 kg | 6 lb 9 oz potatoes</li>
          <li> 2 tsp salt</li>
          <li> Potato starch or cornflour, as required. (See method  below.)  </li>
         </h5>
      </al>
        <h3> For the meat filling: </h3>
      <al>
        <h5>
          <li>500 g | 1 lb 2 oz pork mince (ground pork)</li>
          <li>1 tsp salt</li>
          <li>½ tsp garlic powder</li>
          <li>2 Tbsp cold water</li>
         </h5>
      </al>
        <h3>For the topping:</h3>
      <al>
        <h5>
          <li>250 g | 9 oz smoked bacon belly (side) or pancetta, finely diced</li>
          <li>400 g | 14 oz onion (about 4-5 medium onions), finely chopped</li>
        </h5>
      </al>
        <h3>To cook:</h3>
      <al>
        <h5>
          <li>2 Tbsp potato starch or cornflour</li>
          <li>100 ml | ½ cup cold water</li>
        </h5>
      </al>
        <h3>To serve:</h3>
      <al>
        <h5>
          <li>8 Tbsp sour cream / crème fraîche</li>
        </h5>
      <al>
        <h2>METHOD:</h2>
      <ol>
        <li>Peel the potatoes, placing the potatoes into a large bowl of cold water as they are peeled to ensure they do not turn brown.</li>
        <li>Take 500 g | 1 lbs 2 oz of potato, cut into quarters and place in a saucepan. Cover the potatoes with boiling water, place on a high heat and bring back to the boil, then reduce the heat to low, cover with a lid and simmer for 8-12 minutes until the tip of a knife can easily be inserted into the potato pieces. Drain and set aside, uncovered, to cool.
</li>
        <li>While the potatoes are boiling grate or purée the remaining raw potato. If you’re not lucky enough to own a specialist potato grating machine, then use either the zesting side of a box grater or purée the potatoes to a very fine pulp in a food processor. If using a food processor you will need to process the potatoes in two batches to ensure there are no small lumps left in the purée.</li>
        <li>Pour the purée into a large piece of butter muslin or cheesecloth (I use a cotton pillowcase) set over a large bowl. Gather the corners of the material and twist to squeeze out all water from the potatoes. This can take 5-10 minutes depending on the variety of potato and the strength of your hands.</li>
        <li>When no further water can be squeezed from the grated potato, carefully transfer the dry grated potato to a large bowl. Keep the liquid that came out of the potatoes – you may need this later</li>
        <li>Using a potato ricer or masher, mash the cooked potatoes until no lumps remain. (Do not add any liquids or fats to the potato as you might if you were making mashed potato.) Add the mashed potato to the grated raw potato.</li>
        <li>Add the salt to the potato and mix well with your hands to fully incorporate the ingredients.</li>
        <li>The resultant dough should be roughly the consistency of play dough – it should form a smooth ball easily but should not stick to your hands. The consistency of the dough is key to the success of your final cepelinai. If it is too wet it will stick to your hands as you form your dumplings. If it is too dry it will crack as you form the dumplings and they may split or fall apart during cooking. If your mix is too dry add a little of the liquid from the grated potatoes, 1 tablespoon at a time, until it reaches the required consistency. If the mixture is too wet, add some potato starch or cornflour, 1 tablespoon at a time, until it reaches the required consistency.</li>
        <li>In a separate bowl, add the pork mince (ground pork), salt, garlic powder and water. Mix thoroughly using your hands.</li>
        <li>Divide both the potato dough and meat mixture into 8 equal portions and lay out on a plate or worktop ready for assembly. Form the meat into tight balls the shape of a rugby ball (American football).</li>
        <li>You are now ready to form your cepelinai. Take a portion of dough and flatten it against the palm of your hand until it is roughly the shape of your hand and just under 1 cm (½ inch) thick, turning regularly as you shape the dough to ensure it does not stick to your hands.</li>
        <li>Place a piece of meat on the centre of the dough, fold the sides of the dough over the top of the meat and pinch the dough together firmly to seal the join. Firmly press the dumpling between your two palms, rotating the dumpling little by little, to form the classic zeppelin shape.</li>
        <li>Ensure there are no cracks on the surface of the dumpling. If you find any cracks, dip your fingertip into the juice from the grated potatoes and gently smooth over the cracks to seal them.</li>
        <li>Continue with the remaining ingredients until you have assembled all your cepelinai.</li>
        <li>Half-fill a 7 litre / 7 quart saucepan, Dutch oven or other large saucepan with cold water and set over a high heat. When the water is boiling, mix 2 tablespoons of potato starch or cornflour with a cup of cold water and add to the saucepan, stirring well as you add the starch liquid to ensure it does not form a gelatinous ball. Adding starch to the cooking water helps to prevent the dumplings from splitting during cooking. It also helps to give the dumplings a smooth, glossy exterior.</li>
        <li>Carefully add the dumplings to the saucepan. (They will initially sink to the bottom, but will later float to the surface.) Cover the saucepan with a lid, bring the water back to the boil, then reduce the heat to very low so that the water is just barely simmering – if the water is boiling too hard the dumplings might split. Simmer for 45 minutes.</li>
        <li>While the cepelinai are cooking make the spirgučiai. Add the bacon pieces to a frying pan or saucepan and set over a high heat. There is no need to add any oil or fat as the fat will render from the bacon. When the bacon pieces are golden and starting to crisp, add the onion and reduce the heat to medium. Cook, stirring frequently, until the onions are soft and just starting to turn brown.</li>
        <li>To serve, carefully lift the cepelinai from the saucepan using a slotted spoon and place on a bowl or plate. Top with a spoon of spirgučiai and a dollop of sour cream.</li>
      </ol>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36

Challenge Information:

Build a Recipe Page - Build a Recipe Page

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-recipe-page/668f08ea07b99b1f4a91acab.md at main · freeCodeCamp/freeCodeCamp · GitHub

Welcome to the forum @M1NKAS,

Your code was too long to be automatically inserted by the help button.

Please update the message, or reply to this post, to include your code formatted as explained below.

There are two ways you can format your code to make it easier to read and test:

  1. After you copy/paste your code into the editor, select it by dragging your cursor over it then click the (</>) button in the toolbar to automatically wrap your code in backticks. (You can click on the animated demo image below to enlarge it.)

  1. Manually add three backticks on a new line above your code and on a new line after your code. Note that a backtick is NOT the same as a single quote('). To find the backtick key on your keyboard, see this post.

To see changes to your post as you make them, you can click the (M+) button on the toolbar to bring up the rich text editor:

Happy coding

Tell us what’s happening:

Hello everyone. I have a problem: I’m building a website and working on the assigned tasks, but I can’t complete items 11, 13, 14, 15, 16, and 17. I’d really appreciate your help with these. Thanks in advance!


Here is my entire code.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title> Cepelinai for Beginners [Recipe] </title>
  </head>
  <body>
    <main>
      
      <h2></h2>
      <p> <img src="https://myfoododyssey.com/wp-content/uploads/2017/02/cepelinai-dsc_0275-2.jpg?w=900" alt="lt"> The first time I made cepelinai I failed miserably. And the second time. And probably the third time. After that, I called it quits and resolved only to eat cepelinai that had been prepared for me by someone who knew what they were talking about – either at a restaurant or by one of our Lithuanian friends.

It’s not that cepelinai are particularly difficult to prepare, it’s just that the concepts were so foreign to me. I was told that they were made with grated potato, so I grated my potatoes the same way I would for hash browns. But that’s not what’s required. Although many recipes for cepelinai call for grated or even finely grated potato, what they actually mean is pulverized potato. If using a simple box grater you would use the zesting side, not the grating side. </p>
<h1>Cepelinai for Beginners [Recipe]</h1>
        <h2> Ingredients </h2>
      <h3> For the potato dough: </h3>
      <al>
         <h5>
          <li> 3 kg | 6 lb 9 oz potatoes</li>
          <li> 2 tsp salt</li>
          <li> Potato starch or cornflour, as required. (See method  below.)  </li>
         </h5>
      </al>
        <h3> For the meat filling: </h3>
      <al>
        <h5>
          <li>500 g | 1 lb 2 oz pork mince (ground pork)</li>
          <li>1 tsp salt</li>
          <li>½ tsp garlic powder</li>
          <li>2 Tbsp cold water</li>
         </h5>
      </al>
        <h3>For the topping:</h3>
      <al>
        <h5>
          <li>250 g | 9 oz smoked bacon belly (side) or pancetta, finely diced</li>
          <li>400 g | 14 oz onion (about 4-5 medium onions), finely chopped</li>
        </h5>
      </al>
        <h3>To cook:</h3>
      <al>
        <h5>
          <li>2 Tbsp potato starch or cornflour</li>
          <li>100 ml | ½ cup cold water</li>
        </h5>
      </al>
        <h3>To serve:</h3>
      <al>
        <h5>
          <li>8 Tbsp sour cream / crème fraîche</li>
        </h5>
      <al>
        <h2>METHOD:</h2>
      <ol>
        <li>Peel the potatoes, placing the potatoes into a large bowl of cold water as they are peeled to ensure they do not turn brown.</li>
        <li>Take 500 g | 1 lbs 2 oz of potato, cut into quarters and place in a saucepan. Cover the potatoes with boiling water, place on a high heat and bring back to the boil, then reduce the heat to low, cover with a lid and simmer for 8-12 minutes until the tip of a knife can easily be inserted into the potato pieces. Drain and set aside, uncovered, to cool.
</li>
        <li>While the potatoes are boiling grate or purée the remaining raw potato. If you’re not lucky enough to own a specialist potato grating machine, then use either the zesting side of a box grater or purée the potatoes to a very fine pulp in a food processor. If using a food processor you will need to process the potatoes in two batches to ensure there are no small lumps left in the purée.</li>
        <li>Pour the purée into a large piece of butter muslin or cheesecloth (I use a cotton pillowcase) set over a large bowl. Gather the corners of the material and twist to squeeze out all water from the potatoes. This can take 5-10 minutes depending on the variety of potato and the strength of your hands.</li>
        <li>When no further water can be squeezed from the grated potato, carefully transfer the dry grated potato to a large bowl. Keep the liquid that came out of the potatoes – you may need this later</li>
        <li>Using a potato ricer or masher, mash the cooked potatoes until no lumps remain. (Do not add any liquids or fats to the potato as you might if you were making mashed potato.) Add the mashed potato to the grated raw potato.</li>
        <li>Add the salt to the potato and mix well with your hands to fully incorporate the ingredients.</li>
        <li>The resultant dough should be roughly the consistency of play dough – it should form a smooth ball easily but should not stick to your hands. The consistency of the dough is key to the success of your final cepelinai. If it is too wet it will stick to your hands as you form your dumplings. If it is too dry it will crack as you form the dumplings and they may split or fall apart during cooking. If your mix is too dry add a little of the liquid from the grated potatoes, 1 tablespoon at a time, until it reaches the required consistency. If the mixture is too wet, add some potato starch or cornflour, 1 tablespoon at a time, until it reaches the required consistency.</li>
        <li>In a separate bowl, add the pork mince (ground pork), salt, garlic powder and water. Mix thoroughly using your hands.</li>
        <li>Divide both the potato dough and meat mixture into 8 equal portions and lay out on a plate or worktop ready for assembly. Form the meat into tight balls the shape of a rugby ball (American football).</li>
        <li>You are now ready to form your cepelinai. Take a portion of dough and flatten it against the palm of your hand until it is roughly the shape of your hand and just under 1 cm (½ inch) thick, turning regularly as you shape the dough to ensure it does not stick to your hands.</li>
        <li>Place a piece of meat on the centre of the dough, fold the sides of the dough over the top of the meat and pinch the dough together firmly to seal the join. Firmly press the dumpling between your two palms, rotating the dumpling little by little, to form the classic zeppelin shape.</li>
        <li>Ensure there are no cracks on the surface of the dumpling. If you find any cracks, dip your fingertip into the juice from the grated potatoes and gently smooth over the cracks to seal them.</li>
        <li>Continue with the remaining ingredients until you have assembled all your cepelinai.</li>
        <li>Half-fill a 7 litre / 7 quart saucepan, Dutch oven or other large saucepan with cold water and set over a high heat. When the water is boiling, mix 2 tablespoons of potato starch or cornflour with a cup of cold water and add to the saucepan, stirring well as you add the starch liquid to ensure it does not form a gelatinous ball. Adding starch to the cooking water helps to prevent the dumplings from splitting during cooking. It also helps to give the dumplings a smooth, glossy exterior.</li>
        <li>Carefully add the dumplings to the saucepan. (They will initially sink to the bottom, but will later float to the surface.) Cover the saucepan with a lid, bring the water back to the boil, then reduce the heat to very low so that the water is just barely simmering – if the water is boiling too hard the dumplings might split. Simmer for 45 minutes.</li>
        <li>While the cepelinai are cooking make the spirgučiai. Add the bacon pieces to a frying pan or saucepan and set over a high heat. There is no need to add any oil or fat as the fat will render from the bacon. When the bacon pieces are golden and starting to crisp, add the onion and reduce the heat to medium. Cook, stirring frequently, until the onions are soft and just starting to turn brown.</li>
        <li>To serve, carefully lift the cepelinai from the saucepan using a slotted spoon and place on a bowl or plate. Top with a spoon of spirgučiai and a dollop of sour cream.</li>
      </ol>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36

Challenge Information:

Build a Recipe Page - Build a Recipe Page

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-recipe-page/668f08ea07b99b1f4a91acab.md at main · freeCodeCamp/freeCodeCamp · GitHub

Your code should be implemented based on the order of the user stories. For instance, I see an empty h2 element before the h1 element asked in User Story #9.

I suggest going through the user stories again, one by one, to make sure you are implementing them correctly.

Happy coding

Um…it’s difficult to help you when you keep editing your original post.

Do us a favor and go ahead and make whatever edits you think need to be made, then let us know if you still need help when you’re finished.

I went ahead and combined your posts for you. In the future, just reply to the original thread to add further updates.


I’ve made all the revisions.

So, your original post with the four edits is the code we should use to help you?

Yes, I need help with this code—sorry for the inconvenience.

Here are some debugging steps you can follow. Focus on one test at a time, starting with the first failed test:

  1. Are there any errors or messages in the console?
  2. What is the requirement of the failing test?
  3. Check the related User Story and ensure it’s followed precisely.
  4. What line of code implements this?
  5. What is the result of the code and does it match the requirement? (Write the value of a variable to the console at that point in the code if needed.)

If this does not help you solve the problem, please reply with answers to these questions.


Here is a test.
Tests:

  • Waiting:1. Your recipe page should have a !DOCTYPE html declaration.

  • Waiting:2. You should have an html element with lang set to en.

  • Waiting:3. You should have a head element within the html element.

  • Waiting:4. You should have title element within your head element.

  • Waiting:5. Your title element should have your recipe title.

  • Waiting:6. You should have a meta element within your head element.

  • Waiting:7. Your meta element should have its charset attribute set to UTF-8.

  • Waiting:8. You should have a body element within your html element.

  • Waiting:9. You should have an h1 element with the name of your recipe.

  • Waiting:10. You should only have one h1 element.

  • Waiting:11. You should have a p element below your h1 element.

  • Waiting:12. Your first p element should describe your recipe.

  • Waiting:13. Your first h2 element should have the text Ingredients.

  • Waiting:14. You should have an unordered list element below your first h2 element.

  • Waiting:15. You should have at least four list item elements in your unordered list with the ingredients.

  • Waiting:16. Your second h2 element should have the text Instructions.

  • Waiting:17. You should have an ordered list element below your second h2 element.

  • Waiting:18. You should have at least four list item elements in your ordered list with the instructions.

  • Waiting:19. You should have at least one img element.

  • Waiting:20. All your img elements should have a valid src attribute and value.

  • Waiting:21. All your img elements should have an alt attribute to describe the image.

    I can’t do the following:
    11 13 14 15 16 17

I know what the tests are. I am asking you to debug your code based on your FAILED tests. Please re-read the post on how to debug your code. Start with the first failed test. And I suggest you check your latest code again, because Test #10 is now failing, too.

Your recipe looks tasty, but it’s very important that you implement the user stories exactly as asked.


I understand you, but please understand me too: I can’t grasp what “below the first element” or “must be at least four elements” means—that’s the part I don’t understand.

Got it. Please reference the exact instructions containing this verbiage you don’t understand and I’ll try to assist. Is it that you don’t understand what an element is?

Are you referring to these failed tests?

14. You should have an unordered list element below your first h2 element.
15. You should have at least four list item elements in your unordered list with the ingredients.

If so, can you say what your first h2 element is?

I suggest you try using this HTML Validator until you’re more comfortable with HTML.