Tell us what’s happening:
Step 22
Comments in CSS look like this:
/* comment here */
In your style sheet, comment out the line containing the background-color
property and value, so you can see the effect of only styling div
element. This will make the background white again.
It says after I’ve entered my code that
“Your body
should have a white background”
I’ve even looked at the forums before mine I can not understand my mistake for the life of me.
Your code so far
background-color: burlywood;
/* background-color: burlywood; */
<!-- 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;
/* background-color: burlywood; */
}
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/107.0.0.0 Safari/537.36
Challenge: Learn Basic CSS by Building a Cafe Menu - Step 22
Link to the challenge: