Learn Basic CSS by Building a Cafe Menu - Step 12

HTML-CSS
1

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>element {<h1><h1>property: value;center}
  </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 (Linux; Android 11; TECNO BE6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.85 Mobile Safari/537.36

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

Link to the challenge:

2

Hey!
Learning to describe the bugs or issues you’re facing is a great skill to have in a developer, it may seem hard at first, but you should at least provide a brief summary of what you are trying to accomplish and what’s the error that shows up when you try to run your code.

It will also make it easier for others to help you if they know the problem beforehand.

In this particular problem, the bug seems to be on this line.

Selectors in CSS are used to “select” or target the elements that you want to style in your HTML. for example if i want to change the background color of all of the button elements in my HTML code, i would write something like this:

//here button is a selector

button{
    background-color: red;
}

In the same way, you’re supposed to align your h1 tag to the center of the page by setting its text-align property to center.

If you want to learn more about CSS selectors, here’s an article.
image

Hope this helps! :smile:

1 Like
3

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