Design a Cafe Menu - Step 14

Tell us what’s happening:

I have done as the instruction to put h1 h2 and p in the style.css but its still not taking my code can someone please help me here on how i can solve it and move ahead in my html and css journey?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <link rel="stylesheet" href="styles.css" />
  </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 */

h1 {
  color: blue;
}

h2 {
  color: darkblue;
}

p {
  color: black;
}

/* 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/138.0.0.0 Safari/537.36

Challenge Information:

Design a Cafe Menu - Step 14

I think you should know this routine by now?

More info pls:
Errors, hints, what did you try, do you have any questions etc

You should be doing exactly what is asked in the instructions…and no more. I suggest going back to Step 13 and make sure your code matches that before moving forward.

the previous step is not linked to my step 14 can someone please help me as i have already told what they are asking me to do and i am doing it but still not passing the code

Hi Buddy, Here you’re guided to put your html file css into your new style.css file

Here is your html css code

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

Here you need to put the above one, then do remove the style element from that !

Hope You Understand.

Start by rewriting the styles you have created into the styles.css file. Make sure you exclude the opening and closing style tags.

Reset the step and just copy/paste the code in the style element to your CSS file without changing it.

I don’t see in the instructions where it says to set the color to blue?