Learn Basic CSS by Building a Cafe Menu - Step 14

HTML-CSS
1

Tell us what’s happening:

can not undrestand this step

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 */

    <style>h1, h2, p </style>


/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 14

2

Hi there,

Up until this step, we write CSS code by put it inside the <style></style> tag in HTML files. Like this:

    <style>
      h1, h2, p {
        text-align: center;
      }
    </style>

Now, there is another way to write CSS code, which is put your CSS code inside the styles.css file.

So, what we need to do is copy the CSS code in the HTML file (not include the <style></style> tags because those tags are HTML tags, not CSS code), and paste it to the styles.css file.