Learn Basic CSS by Building a Cafe Menu - Step 25

HTML-CSS
1

Tell us what’s happening:
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>
    <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 */

div {
  width: 80%;
  background-color: burlywood;
  margin-left:auto
  
  
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/114.0

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

Link to the challenge:

2

Hello rohitsumesh45 and welcome to the forum.

It is important to describe the issue of your current problem, so we can give you inspirational hint to find your own solution.

You missed a rule in your css. Try to read this paragraph:
margin-left and margin-right properties to auto
and in your code I only see margin-left: auto

3

don’t forget semicolon separates the statements from the next one

4

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