Learn Basic CSS by Building a Cafe Menu - Step 28

HTML-CSS
#1

Tell us what’s happening:
Describe your issue in detail here.
The challenge says, "
Since the cafe’s main product for sale is coffee, you could use an image of coffee beans for the background of the page.

Delete the comment and its contents inside the body type selector. Now add a background-image property and set its value to url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg).

I have deleted the comment and its contents and added the background -image property with the stated value
I do not know what I missed.
Thank you.

*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">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>

/* file: styles.css */
body {backgroung-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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.87 Safari/537.36

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

Link to the challenge:

#2

dear. it should be like this;
body{
background-image: ;
}

1 Like
#3

You have a typo in the property name .
Also I see a dot after the bracket ) so I think you should delete that.

1 Like