Learn HTML Foundations by Building a Recipe Page - Build a Recipe Page Project

The Odin Project
1

Tell us what’s happening:

I’m stuck at the 14th test : 14. Your anchor elements linking to the recipes should have an href attribute with the value set to #.

What even is a value set to # ? I re-read the learning material up to this point but there is nothing about a value #.

Thanks a lot for reading my post.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>The Odin Recipes</title>
    </head>
    <body>
      <h1>Creamy Chocolate Fudge</h1>
        <img src="https://thelittlehollythatcould.com/wp-content/uploads/2022/10/LSR24327-2-1-683x1024.jpg" alt="A Creamy Chocolate Fudge picture">
      <h2>Description</h2>
        <p>I like to use a mixture of two kinds of    chocolate. My personal favorite combination is semisweet chocolate and milk chocolate. This is definitely a sweeter combination, but what can I say? I have 32 sweet teeth!</p>
        <p>If you like your fudge to be a little less sweet, you could use all semisweet chocolate or a combination of semisweet and dark chocolate!</p>
      <h2>Ingredients</h2>
        <ul>
          <li>Chocolate</li>
          <li>Sweetened Condensed Milk</li>
          <li>Vanilla extract</li>
          <li>Butter</li>
        </ul>
      <h2>Steps</h2>
        <ol>
          <li>Add chocolate chips and butter to a microwave-safe bowl.</li>
          <li>Melt in 30-second increments, stirring each time.</li>
          <li>Once chocolate is melted, add in vanilla and sweetened condensed milk.</li>
          <li>Line an 8×8 square pan with parchment paper. Pour in fudge mixture.</li>
          <li>Sprinkle with flakey salt and cover. Let set overnight or for at least 6 hours.</li>
          <li>Cut into squares and enjoy!</li>
        </ol>
      <h2>More Recipes</h2>
        <ul>
          <li><a href="https://thelittlehollythatcould.com/big-bakery-style-double-chocolate-chunk-muffins/">Big Bakery Style Double Chocolate Chunk Muffins"</a></li>
          <li><a href="https://thelittlehollythatcould.com/easy-chocolate-coconut-almond-joy-cookie-recipe/">Easy Chocolate Coconut Almond Joy Cookie Recipe</a></li>
        </ul>
    </body>
  </html>
  





     

/* file: styles.css */

Your browser information:

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

Challenge Information:

Learn HTML Foundations by Building a Recipe Page - Build a Recipe Page Project

2

You’re overthinking it! It’s just a character like any other letter or punctuation character. Your href attribute should be set to that per the instructions.

3

So what should I do ? Add a # after the href= or something ? This test is confusing me.

4

put the character # as value of the href value (and only that), so you make a dead link

5

I tried this : <a href=“#” but It’s not working.

6

please share your full code

7

My code is in my first post.

8

you changed it, share your updated code please

9

The website is telling me I cannot post more links and my post has been flagged. Cannot post the full code again.
Also the code is still the same, I tried adding some #'s but I removed them after that didn’t work.

10

if you use proper formatting the links will not be an issue. please post the code with your updates

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

11 
<!DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>The Odin Recipes</title>
    </head>
    <body>
      <h1>Creamy Chocolate Fudge</h1>
        <img src="https://thelittlehollythatcould.com/wp-content/uploads/2022/10/LSR24327-2-1-683x1024.jpg" alt="A Creamy Chocolate Fudge picture">
      <h2>Description</h2>
        <p>I like to use a mixture of two kinds of chocolate. My personal favorite combination is semisweet chocolate and milk chocolate. This is definitely a sweeter combination, but what can I say? I have 32 sweet teeth!</p>
        <p>If you like your fudge to be a little less sweet, you could use all semisweet chocolate or a combination of semisweet and dark chocolate!</p>
      <h2>Ingredients</h2>
        <ul>
          <li>Chocolate</li>
          <li>Sweetened Condensed Milk</li>
          <li>Vanilla extract</li>
          <li>Butter</li>
        </ul>
      <h2>Steps</h2>
        <ol>
          <li>Add chocolate chips and butter to a microwave-safe bowl.</li>
          <li>Melt in 30-second increments, stirring each time.</li>
          <li>Once chocolate is melted, add in vanilla and sweetened condensed milk.</li>
          <li>Line an 8×8 square pan with parchment paper. Pour in fudge mixture.</li>
          <li>Sprinkle with flakey salt and cover. Let set overnight or for at least 6 hours.</li>
          <li>Cut into squares and enjoy!</li>
        </ol>
      <h2>More Recipes</h2>
        <ul>
          <li><a href="https://thelittlehollythatcould.com/big-bakery-style-double-chocolate-chunk-muffins/">Big Bakery Style Double Chocolate Chunk Muffins</a></li>
          <li><a href="https://thelittlehollythatcould.com/easy-chocolate-coconut-almond-joy-cookie-recipe/">Easy Chocolate Coconut Almond Joy Cookie Recipe</a></li>
          <li><a href="#">#</a></li>
        </ul>
    </body>
  </html>
12

you have created a new a element, you did not change the href of those already there

13

Found the answer on gpt, thanks for the “help”.