Learn Basic CSS by Building a Cafe Menu - Step 28

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

/* file: styles.css */

/* User Editable Region */

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

/* User Editable Region */


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/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

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

Link to the challenge:

2

my code isnt getting accepted

3

You do not need to add quotes around the URL in the CSS file.

CSS has a slightly different syntax. It can take some getting used.

The link you have written is not the link that was asked for. It can be very picky about any spelling or syntax errors.
(Its ok to copy and past links into your code)

This is the link
url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg)

When it is working you should see your preview change from a white background to an image

4

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