Learn Basic CSS by Building a Cafe Menu - Step 15

HTML-CSS
1

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>
  <header>
    <h1>CAMPER CAFE</h1>
    <p>Est. 2020</p>
  </header>
  <main>
    <section>
      <h2>Coffee</h2>
    </section>
  </main>
</body>
</html>

/* file: styles.css */



  **Your browser information:**

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

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

Link to the challenge:

2

You need to add the current CSS styling you have in the style element in your HTML into the styles.css editor. In essence, you are duplicating the CSS, you will have it in both the index.html editor and the styles.css editor.

4

Do you know how to access the styles.css editor? Do you know where to find the current CSS in the styles tag in your HTML. Do you know how to copy/paste that CSS from the HTML into the styles.css editor? I’m asking all of these questions because I don’t know what you don’t understand. Please be very specific.

6

Can you use google translate to read this in your native language? You can also type in here with your native language and we can use google translate to read it. Do what it easiest for you.

7

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