Learn Basic CSS by Building a Cafe Menu - Step 11

HTML-CSS
1

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 
    h1¨{text-align="center"}>
    </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/115.0.0.0 Safari/537.36

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

Link to the challenge:

2

Welcome!

Here is the example from the step.

element {
 property: value;
}

The instructions are asking that you give the h1 element the value of center using the property of text-align:

This should be entered as the example within the style element provided.

I hope this helps you.

Happy coding!

3

The CSS goes between the opening and closing style tags. You added it inside of the opening style tag.

CSS does not use the equals sign to set values but rather the colon. Please refer to the example in the instructions.

Also, do not put quotes around center.

4

Hello @19ieligh !

I hope you were able to solve the issue.
As I stated previously, the ccs code should be nested within the < style> < /style> elements provided at the beginning of the step. Replace the element with the h1 element in the instructions; the property with the text-align property in the instructions; and the value with the center value in the instructions.

< style>
element {
property: value;
}
< /style>

Hopefully, you are already on another step and this is just reminders of how to do it.

Happy coding! :slight_smile:

5

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