Learn Basic CSS by Building a Cafe Menu - Step 22

HTML-CSS
1

Tell us what’s happening:

In your style sheet, comment out the line containing the background-color property and value, so you can see the effect of only styling the #menu element. This will make the background white again.

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 id="menu">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>

/* file: styles.css */

body {

/* User Editable Region */

  background-color: burlywood; 
  /* background-color:#f2f2f2;*/ 

/* User Editable Region */

}

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

#menu {
  width: 300px;
}

Your browser information:

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 22

2

so why did you add this line to comment it out instead of commenting out the line with burlywood?

3

Can someone explain to me what I should do her

4

you need to comment out a line of code, to do that you add the start of the comment /* at the beginning of the line and the end of the comment */ at the end of the line

1 Like
5

I tried it out coz I could understand what i was told to do

6

Please share your updated code

7

Thanks a lot for explaining it.

8

It worked out. God bless u

9

–solution code removed–

10

Please do not post the solution code.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

11

Sorry for that was replying to ur message about code

1 Like
12

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