Learn Basic CSS by Building a Cafe Menu - Step 12

HTML-CSS
1

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

Hint

You should have an h1 selector in your style element.

   **Your code so far**

<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="utf-8" />
   <title>Cafe Menu</title>
   <style> 
   element {h1
property: text-align="center" value;
}
   </style>
 </head>
 <body>
   <header>
     <h1>CAMPER CAFE</h1>
     <p>Est. 2020</p>
   </header>
   <main>
     <section>
       <h2>Coffee</h2>
     </section>
   </main>
 </body>
</html>

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

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

Link to the challenge:

2 
<style> 
   element {h1
property: text-align="center" value;
}
   </style>

Try removing the excess space between the property value and the text-align value. If that doesn’t work, restart the step. The rest of the code looks fine to me otherwise, good job.

3

This challenge is asking for you to " center your h1 element by setting its text-align property to the value center."

In the example for this challenge it shows us the proper syntax as follows:

element {
 property: value;
}

Using the example above as a guide, you can swap out the generic terms (element, property, value) for the specific element, property, and value that the challenge is asking for.

4

still not working, i dont know what else to do…

5

please can you give examples…

6

Can you paste in the updated code to show me what you tried? That way I can see where it still isn’t working.

7
element {h1 property: text-align value;center }
8

Ok - so you don’t actually use the words element, property, or value in the code, they are just there in the example to tell you what each part of the code is. If I wanted to style a paragraph element, I might have code that looks like this:

p  {
color: red;
}

In the example above, p is the element, color is the property, and red is the value.

In the challenge you are trying to complete, the element is h1, the property is text-align, and the value is center. You just need to write that all in the proper syntax, like the example I wrote above.

9

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