Learn Basic CSS by Building a Cafe Menu - Step 28

the pts is to delete the comment and its contents inside the body type selector and add a background-image property and set its value to url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg) .
I’m not sure how exactly I should do it … I tried few things but didn’t work out
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 {

  background-image="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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15

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

Link to the challenge:

The instruction: " Now add a background-image property and set its value to url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg)"

You seem to have missed the prefix “url” and the parentheses in the link given.

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