Learn Basic CSS by Building a Cafe Menu - Step 16

HTML-CSS
1

Everything as far as code is correct and I’m not noticing any spelling errors and even though the css is linked and shows the elements centered it is still not saying my code is correct and I cannot find the issue. Can anyone pinpoint what the error is? Thank you in advance!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet">
  </head>

<!-- User Editable Region -->

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

/* file: styles.css */
h1, h2, p {
  text-align: center;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link to the challenge:

2

Your code is correct, this challenge cause problems for a good bit of people. Make sure you dont have any browser extensions running when you submit the challenge. If that doesnt work try submitting the challenge in a different browser.

1 Like
3

Thank you, I was able to get it to work on safari browser.