Learn Basic CSS by Building a Cafe Menu - Step 13

Tell us what’s happening:
Describe your issue in detail here
please what did i do wrong??

Your code so far

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

<!-- User Editable Region -->

    <style>
      selectorh1, selectorh2 {
        p: value;
      }
    </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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15

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

Link to the challenge:

1 Like

What you’re required to do is create multiple element selectors. You do this my listing the element names on a single line and then spacing them using a comma. Like in the example below.

selector 1, selector 2, selector 3 {
 property: value;
}
1 Like

Please can you explain further??
I did that but it didnt work

Check this

If you are still unable to complete the task, post your updated code here.

1 Like
selector h1, selector h2, selector p { property: value; }
1 Like

Now apply this knowledge to your code.

1 Like

Which knowledge??
I did what. you told me to do and it is not allowing me to submit

Did you apply what you read on the post to your code?

Are you referring to the code you sent or the link??

I’m referring to the link.

1 Like

Yes I did
and I can’t still pass

Post the code here so that we work it out together.

1 Like
selector h1, h2, p { property: value; }

This is how you do it.

Please update the message to include your code. The code was too long to be automatically inserted by the help button.

When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like

<style>
      selector h1, h2, p  {
        property: value;
      }
    </style>

You do not need this.

Replace these with the actual property and value. The property is text-align and the value is center. They were initially provided but you deleted them.

3 Likes

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