Learn Basic CSS by Building a Cafe Menu - Step 22

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

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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"/>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
/* file: styles.css */
body {

/* User Editable Region */

  background-color: burlywood;

/* User Editable Region */


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

div {
  width: 300px;

Your browser information:

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

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

Link to the challenge:

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

okay, I want to add the code as a comment but I didn’t understand what was required me or how to do it !

So, you can see the example the challenge gives you. To make a comment you use
/* your comment goes here. */ so your background style needs to go between the /* */

So what is the content of the comment? And how can it be outside the line written in it background-color: burlywood?

The content is background-color:burlywood. You need to add the comment around that. Here is another example

/*color: red;*/

like this ?
the code dosn’t work !

This is the content of your comment. You have the style in the challenge already, you need to add the comment around that background-color style. I used the example in my last post of how it should look like.
/* goes in front of the background style
*/ goes after the color

1 Like

I understand now !
thank you very much.

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