Learn Basic CSS by Building a Cafe Menu - Step 11

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
You should have an

h1

selector in your

style

element. Your

text-align

property should have a value of

center

. Your

h1

selector should set the

text-align

property to

center

. // tests completed // console output [TypeError: Cannot read properties of undefined (reading ‘text-align’)]
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/112.0.0.0 Safari/537.36 Edg/112.0.1722.39

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

Link to the challenge:

2

Your code should pass this challenge.
Do you have any browser extensions enabled. If so, please disable them as they can interfere with the tests.
You could also try reloading the page with CTRL+F5 and resubmitting your code.
Failing that, it may work if you try a different browser.

1 Like
3

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