Learn Basic CSS by Building a Cafe Menu - Step 11

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

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>

<!-- User Editable Region -->

    <style> 
    </style>

<!-- User Editable Region -->

  </head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1> 
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

Your browser information:

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

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

Link to the challenge:

pls assist on how to create style for h1

It’s telling you to follow what’s in the instructions.
the h1 element followed by { }. Inside the braces, you need to place the property followed by : and then the value followed by ;
It tells you in the instructions what property and value to put.
I hope this helps.
Thank you.

1 Like

Salamat much i got it na

h1 { text-align: center;} h2 { text-align: center;} p { text-align: center;}

It only tells you to centre the h1 element.
What you’ve written above for h1 is correct.
You don’t need to style the h2 and p. Delete that.

copy and done deleted many thanks :innocent: :innocent:

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