Learn Basic CSS by Building a Cafe Menu - Step 14

Tell us what’s happening:

I am unable to get it right.Because it has gone a faster then I am learning

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>
styles.css
</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/123.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 14

Instead of what your wrote there, write what you have here.

We got two tabs at the top
image

  • index.html : for html code
  • styles.css: for css code

in the previous steps, we just had the tab index.html, and we used it for html and css code, but as our project grows it is a good idea to separate, HTML from CSS
we used the style tags to add CSS code in to the HTML file, everything between those tags was css code.
Now that we got a separe file just for css code, we dont need style tags anymore we’ll just add the css code styles.css.

now you just have to rewrite/copy your css code from the html file to the new css file

As you wrote

Please write it on a style!