Learn Basic CSS by Building a Cafe Menu - Step 65

HTML-CSS
1

Tell us what’s happening:

idk what i did wrong pls help

  **Your code so far**

    <footer>
      <p> <a href="https://www.freecodecamp.org">Visit our website</p>
</footer>
  </div>
</body>
</html>

/* file: styles.css */
body {
background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
font-family: sans-serif;
}

h1 {
font-size: 40px;
}

h2 {
font-size: 30px;
}

.established {
font-style: italic;
}

h1, h2, p {
text-align: center;
}

.menu {
width: 80%;
background-color: burlywood;
margin-left: auto;
margin-right: auto;
padding: 20px;
max-width: 500px;
}

h1, h2 {
font-family: Impact, serif;
}

.item p {
display: inline-block;
}

.flavor, .dessert {
text-align: left;
width: 75%;
}

.price {
text-align: right;
width: 25%
}

  **Your browser information:**

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

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 65

Link to the challenge:

2

Can you be more specific?

I don’t see a closing a tag

3

it says that my new a element needs to be nested in p element and only needs one a element.
I think I did that but it wont let me pass the test.
How do you close the a element?

` <p> <a href="https://www.freecodecamp.org"/>Visit our website</p>`

is it like this?

4

try to put inside the "

6

Hello,

the solution is:

Mod Edit: SOLUTION REMOVED

Thank you

7

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

8

What do I have to put in the “”?

9

sucks.
Guess i’ll go do something else while I wait for some hints.

10

Could be a simple grammar issue of the Visit the website (mine had the additional fullstop). Otherwise consider that anchors have a closing tag

11

You should note that an anchor tag is not a self closing tag. cheers

2 Likes
12

No, you have to close it just like you closed the P tag. Then for best practice, ensure the closing P tag is on a new line.

13 
<footer>
      <p> <a https://www.freecodecamp </a>Visit our website              
      </p>
</footer>

Like this? my code still doesnt pass sadly.

14

There are a number of issues in your code:

  • The syntax of the anchor element is wrong. That is, you haven’t closed the opening <a> tag properly.

  • The text Visit our Website should be inside the opening and closing a tags.

  • You should use the href attribute in the opening <a> tag for the link.

  • The link is wrong, it is https://www.freecodecamp.org.

5 Likes
16

Mod Edit: SOLUTION REMOVED

17

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.