Learn Basic CSS by Building a Cafe Menu - Step 18

HTML-CSS
1

**Tell us what’s happening:**please help me. i do all of instructions but i recive the same error that i have to use body selector. i do but again i recieve the same error. please help me.

Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet"/>
  </head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

/* file: styles.css */

/* User Editable Region */

h1, h2, p {
  text-align: center;
}
<style>
body {
  background-color: brown;
}
</style>

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hello,

You do not need to add <style> tags inside of a .css file - only when adding styling to an HTML document (index.html). The purpose of the .css file is to separate your style code from your HTML structure. You can think of your styles.css file as one giant <style> tag that is imported into your index.html.

See what happens when you remove them!

2 Likes