Learn Basic CSS by Building a Cafe Menu - Step 11

HTML-CSS
1

What am I doing wrong here

I keep getting stuck on every question I do on here I’ve tried programming hub that was crap but just wondering am I doing something wrong or am I just a späz

Your code so far

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

Your mobile information:

SM-A032F - Android 13 - Android SDK 33

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

Link to the challenge:

2

This is an example of the syntax for applying a CSS rule (as given in the instructions):

element {
 property: value;
}

You should use this syntax, but replace the words element, property and value with the values specified in the instructions.

6 Likes
3

…

{
text-align: center;
}
…

4

Still not working can I skip the step some how

5

I’m lost on this I don’t understand how this is gonna work at all idk what in doing is

6

The Mozilla Developer Network is a very handy resource for learning, here is a section of their CSS Guide that covers this topic in depth

3 Likes
7

Can someone please send me the code for this

Your code so far

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

Your mobile information:

SM-A032F - Android 13 - Android SDK 33

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

Link to the challenge:

8

No. Writing the solution for you is against the rules.

Can you talk with us about how the instructions or error message is confusing? Thanks

9

{

CAMPER CAFE

=value cente>“text-align” }

I’m I close to it need a bit more help

10

Hi @headbreak51

As @igorgetmeabrain mentioned, the instructions give an example of the code structure.

Copy and paste that into the editor between the style tags.

Then replace:

  • element with h1
  • property with text-align
  • value with center

Happy coding

5 Likes
11

Hi there! Your code looks like a simple text, please learn how to share it properly:
Forum code formatting

12

you can certainly skip the step, but from now on there will be a lot of CSS, if you skip all the steps with css you are not going to learn it.

13

thanks bro! I got it by my saviour
Really you just can’t give us codes but only hints? We need to get the solution by ourselves?

1 Like
14

yes, you need to come up with the solution yourself

15

you guys gotta do better than this, these hints are trash

16

Thanks spooky this advice actually helped.

1 Like
17

If you dont understand the hints then you can ask for clarification in your own topic