Learn Basic CSS by Building a Cafe Menu - Step 29(can you help with this step ,since I have got stucked over here)

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Cafe Menu</title>
  <link href="styles.css" rel="stylesheet"/>
</head>
<body>
  <div class="menu">
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </div>
</body>
</html>

/* file: styles.css */
body {

background-image url:"https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg" ;
}

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

.menu {
width: 80%;
background-color: burlywood;
margin-left: auto;
margin-right: auto;
}

  **Your browser information:**

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

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

Link to the challenge:

2

Check your styles.css
You should keep your URL after the colon and not before the colon…

3

Thank you so much for replying my quarry,but I have tried your suggestion too but it’s not working.

4

Can you please drop the hint let me know wherw exactly to help out

5

HINT: You should set the background-image property to url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg).

This is the hint that was shown to me.

6 
<textarea

[quote="gaanasree75, post:1, topic:540253"]
`background-image url:"https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg" `
[/quote]

Then you must have a typo,
After the colon try to type exactly the link given to you in the step…
Try restarting the step and start again but this time be more patient

1 Like
7

yes I have found my mistake ,yes you are right it was a typo,THANK YOU very much for guiding me.

1 Like
8

I’m glad you’ve passed the test
Good luck
But you can still post the correct code here to help out those who will be searching the forum…

1 Like
9

Mod edit: solution removed

This was the actual answer , I got it wrong due to typo mistake i.e misplacing of quotation marks.

10

Mod edit: solution removed

1 Like
11

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.

12

Please do not encourage others to post their solutions. We do not want the forum to be a solution library. We are here to support learners through tips and hints and to encourage them to think like a coder (communicate, debug, review etc).

13

Thank you for letting me know this, I am new here and new to coding in general. I will encourage people to work through the problems. I apologize for the my mistake.

14

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.