Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

Hi everybody🙌
Can anyone tell me what’s wrong with this code?
And please tell me how to insert link into image, i used img element and inserted link but it seems like there is some error so it doesn’t display image but only text. Please tell me where i went wrong, I would love to know so I can improve.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>StudyLanguageApp</title>
    <meta charset="utf-8">
  </head>
  <body>
    <main>
      <h1>StudyLanguageApp</h1>
      <p>People want to <a href="https://cdn.freecodecamp.org/curriculum/study-language-app/.jpg">connect with each other</a> more easily!</p>
      <p>This application will help you learn a new language and have mor interesting experiences.</p>
      <p>These are our students who have been <a href="https://freestudylanguageapp.com" target="_blank">successful in developing</a> their own.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/language-learning-app-screens.jpg" alt="Develop a Language Learning App">
      <section>
        <h2>Why learn with StudyLanguageApp</h2>
        <ul>
          <li>Large community</li>
          <li>Free Education</li>
          <li>Comprehensive Curriculum</li>
          <li>Podcast and Ranking</li>
        </ul>
        <h3>Select your age</h3>
        <form action="">
          <input type="radio" name="gender" id=""> 9-14 years old
          <br>
          <input type="radio" name="gender" id=""> 15-20 years old
          <br>
          <input type="radio" name="gender" id=""> 21-26 years old
          <br>
          <input type="radio" name="gender" id=""> 27-32 years old
          <br>
          <input type="radio" name="gender" id=""> Other age
          <br>
          <input type="submit" value="Send">
        </form>
        <h3>Your reasons for learning a foreign language</h3>
        <form action="">
          <input type="checkbox" name="" id=""> Prepare to travel
          <br>
          <input type="checkbox" name="" id=""> Support learning
          <br>
          <input type="checkbox" name="" id=""> Career development
          <br>
          <input type="checkbox" name="" id=""> Connect with people
          <br>
          <input type="checkbox" name="" id=""> Entertainment
          <br>
          <input type="checkbox" name="" id=""> Managing time wisely
          <br>
          <input type="submit" value="Send">
        </form>
      </section>
      <section>
        <h2>Feedback from people who have learned StudyLanguageApp</h2>
        <p>Everyone <strong>love</strong> <a href="https://www.researchgate.net/publication/313346126/figure/fig3/AS:458221023436802@1486259813884/Corrective-feedback-in-language-learning-apps.png">StudyLanguageApp</a> online!</p>
      </section>
    </main>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

Hi there,
The name of this project is “Build a Recipe Page”. So in this page, you’re basically gonna share the recipe for a food.
Step 13 is failing because your h2 element should have a specific text, and the text is given to you in the instructions.
Step 16 is failing because of the same reason.
Step 17 is failing because you need to have an ordered list below your second h2 element.
Step 18 is also failing because you don’t have the ordered list.
Make sure to follow the steps on the instructions and make a recipe page.
Also, for your images, I think the urls are incorrect. Try adding other images.
Good luck!

3

?? Your code does not match instructions in the link you provided.

4

If you only see the alt text, it means your image isn’t loading. Only the last of your image links are correct/working.

Also, just to be clear, linking to an image is not the same as wrapping an image in a link. Either you have text that links to an image, or you have an image that links to something.

<p>This is a <a target="_blank" href="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg">cute sleepy</a> cat.</p>

<a target="_blank" href="https://www.freecodecamp.org/">
  <img src="https://www.freecodecamp.org/static/wide-image-becdb4c281c527b989315b2f7ce20378.png" alt="freeCodeCamp">
</a>