Learn Basic CSS by Building a Cafe Menu - Step 16

HTML-CSS
1

Tell us what’s happening:

Everything with the step is right according to what I’ve seen online, and I’ve tried suggestions that were attached to other posts about how to stop the glitch including trying another browser, incognito, zoom 100% and resetting and f5. The system just keeps telling me my link element should have an ref with stylesheet. It’s also not sensing the href with value styles.css.

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 ref:"stylesheet" href:"styles.css"
  </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 16

2

Hi there and welcome to our community!

Your code isn’t passing for a couple of reasons.

  1. Your link element is missing a closing angle bracket (>).
  2. You have incorrect syntax for your attributes. You should be using = not : (as with other attribute in your meta element).

Also, you should be adding a rel attribute not ref.

3

Thank you so much! I’ve been stuck on those silly mistakes for days!

1 Like