Can anybody tell me what should i do? in step 26 coffee camp

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<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" type="text/css" />
</head>
<body>
  <div>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </div>
</body>
<html>
/* file: styles.css */
body {
/*
background-color: burlywood;
*/
}

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

div{
width: 80%;
background-color: burlywood;
margin-left=auto
argin-right=auto  
}
  **Your browser information:**

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

Challenge: Step 26

Link to the challenge:

Here are the instructions:

“Next, you want to center the div horizontally. You can do this by setting its margin-left and margin-right properties to auto.”

So you’ll want to set the margin-left and margin-right properties to auto for the div, just like you set the width and background-color properties.

If there is something specific you don’t understand about that please let us know.

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