Learn Basic CSS by Building a Cafe Menu - Step 11

Tell us what’s happening:

need help checking my code and how to add an h1 selector

Your code so far

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

<!-- User Editable Region -->

    <title>Cafe Menu</title>

<!-- User Editable Region -->

  </head>
  <body>
    <main>
      <h1 >
        element {
        text-align: center;
      } 
         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/126.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 11

Please reset the code because I think you deleted or changed some lines that you will need.

After this, copy the example code given in the step and put it in between the two style tags shown in the editor.

After that, replace each word as follows: the word element should be changed to be h1 as this is the name of the element whose style you are specifying.

The word property should be changed to text-align because it is the styling property we want to define.

Finally change the word value to center as that is what we want the text-alignment to be set to.

3 Likes

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