Learn Basic CSS by Building a Cafe Menu - Step 18

Tell us what’s happening: i’m having issues changing the background color property to brown forthe body element
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 */

/* User Editable Region */

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

/* User Editable Region */

h1, h2, p {
  background-color: brown;

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

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

Link to the challenge:

The instructions ask you to change the background-color for the body element. Not the three you are currently trying. The h1, h2, and p are all element. So how do you think you would add the body element? Its similar to what you currently have, but you need to change the selector

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