Learn Basic CSS by Building a Cafe Menu - Step 11

Tell us what’s happening:
I completed the task as requested but it is not passing. I can’t point out where the error is coming from. All the resources I have come across indicate that my solution is correct.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>

<!-- User Editable Region -->

    <style>
h1 {
  text-align: center;
}

    </style>

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

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

Link to the challenge:

Hi @ifeanyiifechidelu ,
The code should work. Try again applying proper indentation.
Ex,

<style>
  elem {
     attribute: value;
  }
</style>

Yes, your code is correct. Chances are you have an extension installed in your browser that is causing the tests to fail. You might try disabling them until you find the one that is causing the problem. Or you could use a different browser that doesn’t have any extensions installed.

1 Like

I used another browser with no extensions installed and it worked. Thanks a lot.

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