Learn Basic CSS by Building a Cafe Menu - Step 22

HTML-CSS
1

Hello. I am wondering about this hint. It’s super hard to figure out! I tried following it but it keeps giving me errors.

Your code so far

/* file: index.Ext.html */
body /*background-color*/:/*brown;*/
} 
h1, h2, p {
  text-align: center;
}
div { width: 300px;
} 


/* file: styles.Ext.css */
body /*background-color*/:/*brown;*/
} 
h1, h2, p {
  text-align: center;
}
div { width: 300px;
}

Your mobile information:

iPhone - iOS16.6

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

Link to the challenge:

IMG_0089
IMG_0089750×1334 57.8 KB

2

you should reset task and try again.

you deleted text that you should have commented out.

3

Hello!

To comment something out, just place the

comment on each side of the complete s /* property: and value. */

background-color: burlywood; that is in the screen when you start the step.
Just like in your quote above. But, to be completed on the

4

Hello again. It keeps giving me literally the same error. I’ve tried what Life.Blessed showed me. But I just can’t seem to figure this out.

IMG_0092
IMG_0092750×1334 63 KB

Your code so far

/* file: index.Ext.html */
body {
/*background-color:*/ /*burlywood;*/
}
h1, h2, p {
/*text-align:*/ /*center;*/
}
div {
 /*width:*/ /*300px;*/
}

/* file: styles.Ext.css */
body {
/*background-color:*/ /*burlywood;*/
}
h1, h2, p {
/*text-align:*/ /*center;*/
}
div {
 /*width:*/ /*300px;*/
}

Your mobile information:

iPhone - iOS16.6

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

Link to the challenge:

5

Hello!

It is just a matter of placing the /* property: value; */

The

Just remove the middle two *//*from this and you will have it. :slight_smile:

Great job!

6

Hello again. I keep getting the same hint and I am now at a point where I am frustrated. I am still new to coding so I hope you can at least understand that. Could somebody help me understand this step?

IMG_0092
IMG_0092750×1334 63 KB

Your code so far

/* file: index.Ext.html */
body { /* background-color: brown; */
}
h1, h2, p { /* text-align: */ /* center; */
}
div { /* width: */ /* 300px; */
}


/* file: styles.Ext.css */
body { /* background-color: brown; */
}
h1, h2, p { /* text-align: */ /* center; */
}
div { /* width: */ /* 300px; */
}

Your mobile information:

iPhone - iOS16.6

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

Link to the challenge:

7

You appear to have commented out a lot of code unnecessarily. I would reset the step and try again.
You should be commenting out only this line:

background-color: burlywood;

You do this by adding /* at the start of the line and */ at the end of the line.

8

It is still giving me an error. Does the purple mean it is commented out?

IMG_0094
IMG_0094750×1334 69.6 KB

Your code so far

/* file: index.Ext.html */
body { /* background-color: brown; */ }
h1, h2, p { text-align: center; }
div { width: 300px; }


/* file: styles.Ext.css */
body { /* background-color: brown; */ }
h1, h2, p { text-align: center; }
div { width: 300px; }

Your mobile information:

iPhone - iOS16.6

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

Link to the challenge:

9

Looks like you already commented the code correctly, but the original background color of the body should be kept “burlywood” and not meant to be changed.

10

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