Learn Basic CSS by Building a Cafe Menu - Step 14

Tell us what’s happening:
Describe your issue in detail here.

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

 


/* User Editable Region */


Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:91.0) Gecko/20100101 Firefox/91.0

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

Link to the challenge:

You should be moving the CSS code (which is currently inside the style element in the HTML doc) into your new CSS file.
Note that you copy across only the CSS code and not the style tags themselves. Leave the empty style element in the HTML document for now.
You can switch between the HTML and CSS files by clicking the tabs (top left of page).

1 Like

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