Learn Basic CSS by Building a Cafe Menu - Step 11

Tell us what’s happening:
I got stuck in Step 11 of the Building Cafe Menu.
Can someone please help?

Your code so far

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 15183.69.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

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

Link to the challenge:

1 Like

you should insert your style.css selectors

1 Like

Let’s reread the instructions:

element {
 property: value;

Center your h1 element by setting its text-align property to the value center.

In CSS, we write selectors that tell the browser which element(s) we want to style. To do this we follow a code template which is the one provided above.

We write the selector name which in this case is the name of the element h1
Then we write a {
Then on the following line we add the first property name which in this case is text-align
Then we write a colon and one space
Then we write the value of the property which in this case is center
Then we add a semicolon
Then we write a } on the last line.

So just follow the template and fill it out as per the instructions


Thank you very much! this step by step instruction was really helpful and passed successfully. Appreciate you

1 Like

Thanks for breaking it down like that. I really thought it couldn’t just be that, I made it so much more complicated in my head. You’re the real MVP

1 Like

Why did I make it more complicated than it really was… Thank you for helping and breaking it down for us.

1 Like

thank you so much! this is literally exactly what i needed. amazing

1 Like

thank you so much!!! I was very much over thinking this lol you saved the day @hbar1st

1 Like

Thank you. This was a vey helpful breakdown !

1 Like