Learn Basic CSS by Building a Cafe Menu - Step 14

HTML-CSS
1

I can’t pass by STEP 14 (Thank you for helping!)

I get this error response: Sorry, your code does not pass. Don’t give up.

Your styles.css file should have the h1, h2, p type selector.

Step 14

You have styled three elements by writing CSS inside the style tags. This works, but since there will be many more styles, it’s best to put all the styles in a separate file and link to it.

We have created a separate styles.css file for you and switched the editor view to that file. You can change between files with the tabs at the top of the editor.

Start by rewriting the styles you have created into the styles.css file. Make sure to exclude the opening and closing style tags.

Cafe Menu h1, h2, p { text-align: center; }

CAMPER CAFE

Est. 2020

Coffee

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
   h1, h2, p {
    text-align: center;
}
  </head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

/* file: styles.css */

/* User Editable Region */



/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 14

2

Hi! Just put it into styles.css and you will pass

3

Thank you Ray! I’ll try right now!

1 Like
4

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