Tell us what’s happening:
I’m not sure what’s meant by “comment out” in the instructions for this step. I’ve tried so many ways but none work, even though the effect DOES change background to white, it says my code is wrong.
Your code so far
/* background-color: ; */
}
<!-- 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 {
/* User Editable Region */
/* background-color: <color>; */
}
/* 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/113.0.0.0 Safari/537.36
Challenge: Learn Basic CSS by Building a Cafe Menu - Step 22
Link to the challenge: