Learn Basic CSS by Building a Cafe Menu - Step 26 how do you replace the div selector with class selector

Tell us what’s happening:
Describe your issue in detail here.
I have done anything in the instructions how do you put this class selector

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>
    <div>
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>
/* file: styles.css */
body {
  /*
  background-color: burlywood;
  */
}

h1, h2, p {
  text-align: center;
}


/* User Editable Region */

class.name {styles}

/* 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/114.0.0.0 Safari/537.36

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

Link to the challenge:

Where is the div style the challenge started you out with? You need to restart the lesson to get that div style back then replace the word div with the class name the directions tell you to use.

To make a class you use a . in front of the name.

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