Learn Basic CSS by Building a Cafe Menu - Step 11

HTML-CSS
1

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

Hey guys,

I do hope you had a lovely day so far.
Can you help me out with this one? I don’t know what I did wrong. Maybe I got the exercise wrong, do you think you can explain it in other words ?

Would love to hear from you.

Loads of love,
Cleo

Bildschirmfoto 2023-03-12 um 21.31.18

Your code so far

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

<!-- User Editable Region -->

    <style> element { property: value center
    ; <h1>text-align</h1> }
    </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:

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

Link to the challenge:

2

this is the format of how you write inside the style element.

element {
 property: value;
}

so no need to copy this just inside your <style> </style> write your element h1 with the property text-align and give it a value of center.

3

Hey! I’m glad you texted!

Do you think you can show me an example?

I don’t know what an property is nor where to place the ‘center’ element inside the ‘value’ property? Or do I need to type it right behind the property element?

4

ok you have this in the style element and setting a property

element {
property: value;
}

just in place of the element write h1, in place of property write ,text-align and in place of value write center. through practice and keep learning, you will understand them.

1 Like
5

Thank you so far!

I thought it should look like that, but I’m pretty sure I messed up.
Any suggestions?

Bildschirmfoto 2023-03-12 um 21.58.39
Bildschirmfoto 2023-03-12 um 21.58.39729×487 33.7 KB

6

that’s a good thing you only need to delete the word element property: and <h1></h1> since you already write them. and before your curly brace({) add only h1 no need opening tag(<>) and delete the last </h1>

7

You described it quite clear, but I still have a mistake. Did I got you wrong?

Thank you, really! I feel like a fool. I’m glad you’re helping me.

Bildschirmfoto 2023-03-12 um 22.08.01

Bildschirmfoto 2023-03-12 um 22.07.47
Bildschirmfoto 2023-03-12 um 22.07.47675×538 37.6 KB

8

I also tried to type ‘’ value=center ; ‘’

Because I’ve seen "value=______ " used as part of certain codes. But it was wrong again.

I’m really new to this. Thank you for being patient with me.

9

you are doing well only delete the word property ,value and </h1> then after the text-align add : that’s all.

10

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