Learn Basic CSS by Building a Cafe Menu - Step 28

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: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beanss.jp);
}

/* 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 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Mobile Safari/537.36

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

Link to the challenge:

Hello and welcome.

Advice: for new post, you may describe your issue. If you tell us what is your problem, we can help you more easy. If possible, it would be nice if you could tell us what type of error this step says. So, You can learn a bit how the things works. It´s better for everybody!
Keep that in mind.

Solution:
Look at the name and extension of your image. You have a typo.

Grets.

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