Learn Basic CSS by Building a Cafe Menu - Step 14

Curriculum Help
,
1

I’m not sure how to tackle this one.

I followed the instructions saying We have created a separate styles.css file for you and switched the editor view to that file.

I was still confused on what other styles I was supposed to put, and I ended searching for the answers to know how I was supposed to answer it. I clicked on the button for the styles.css. It showed me an empty page.

Did I do something wrong?

This is my code so far:

<!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>
2

Welcome to our community!

Post a link to the challenge.

3

This should be the one.

4

That is not the challenge that includes the code posted.

5

I’m sorry, this is my first time using the website.
I’m not sure if I can link it back by signing out or staying signed in.

6

You have to click on the button shown in the screenshot here, and marked by red line:

image
image593×523 32.2 KB

When you do that, you will enter into the styles.css file. Here, you should define the CSS rule for the elements selector previously defined in the HTML code.

7

Thank you very much! That helped me understand and resolve the problem thoroughly. :smiley: