Learn Basic CSS by Building a Cafe Menu - Step 27

HTML-CSS
1

Tell us what’s happening:
Even while giving the div the correct attribute and value it’s still giving me the same error even after force refreshing. Any help would be appreciated

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>

<!-- User Editable Region -->

    <div class="menu">

<!-- User Editable Region -->

      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>

/* file: styles.css */
body {
  /*
  background-color: burlywood;
  */
}

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; rv:109.0) Gecko/20100101 Firefox/110.0

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

Link to the challenge:

2

Welcome to our Community!

I have seen your code and nothing wrong. Ad-blocking extensions often block Javascript from running. However, the freeCodeCamp test suite is written in Javascript, so some ad blockers accidentally stop the freeCodeCamp test suite from working. Either disable it if available or try it on other browsers.

1 Like
3

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