Cafe Menu - Step 14 Creating a File Help Please

HTML-CSS
1

Tell us what’s happening:
It’s asking me to make a file for the h1, h2 and p elements (elements right?) and I can’t figure out how to link them to the file.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style>
      h1, h2, p {
        text-align: center;
      }
    </style>
  </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 */

/* file: styles.css */


/* 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/109.0.0.0 Safari/537.36

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

Link to the challenge:

2

when you reset the step, you are initially presented with a blank editor with no code.
This is where you should type the selectors (exactly as you typed them in the html file).

If you’re still confused, look above the editor slightly and you will see two buttons.
One labelled index.html and styles.css.
The one labelled index if you click it, it will show you the html code you typed before.
But if you click the styles.css you will see the blank editor until you type the selectors in it.

3

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