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>
       </h1 
        text-align: center;
     
    </style>
    </h1>
  </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/105.0.0.0 Safari/537.36 Edg/105.0.1343.53

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

Link to the challenge:

2

The example has curly braces. I don’t see curly braces in yours.

Also, you don’t want to use HTML tags in CSS, just the name of the element. So if you are setting CSS properties on an h1 element then you just use the name of that element only, no angle brackets or forward slashes.

3

Hi,
Follow the instructions. A CSS file is a separate file. Use the ‘link’ element to get a file named style.css. If you intend to use a style element directly in Html code (this is not given as a step in the example!), the first h1 must be without any bracket, but your “text-align: center;” must be put between curly brackets. In this case, delete the closing h1 tag after the closing style tag.

4

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