Learn Basic CSS by Building a Cafe Menu - Step 12

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>
  <style>
    <h1>{text-align:center;}CAMPER CAFE</h1>
  </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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36 NEED HELP WITH STEP 12 where am i wrong

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

Link to the challenge:

1 Like

In this step, you are asked to learn something new called CSS language (which is not written the same way as HTML).

As you know, in HTML, we mark-up the text by placing tags (like the h1 tag to make the text into a large header for eg). This is understood.

But now, we want to learn something new. CSS is quite different than HTML and requires different syntax when coding it.
You can think of CSS like a person that you hire to make your stuff look even better and do fancy things (like a real-life designer or stylist for eg). However, just like in real life, you have to tell the fancy stylist what you want their help with, and what type of style you prefer.

Okay so if I haven’t lost you yet with this metaphor, here’s how it is done.

1- tell css that you want to modify the style of an element. To do that you must target or select the element inside the <style> section.
Use this example to do this:


elementName {
    stylePropertyName: value;
}

The words I used above must all be replaced by real element names (like h1), and real stylePropertyName like text-align and real value like center.

Hope this helps

3 Likes

This did help me thank you very much.

I will clarify to ruth that the words “style” and “value” and “element” do not need to be included (but substituted alongside the others).

2 Likes