Learn Basic CSS by Building a Cafe Menu - Step 19

Not sure what to do 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 */
h1, h2, p {
text-align: center;

  **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 19

Link to the challenge:

Hello, it has asked you to add background-color to the codes that will give it a property of brown.

h1, h2, p {

text-align: center;




background-color: brown;



1 Like

The code above is CSS. It is a rule that selects all h1 and h2 and p elements and tells the browser to align them in the center of their containers.

The exercise wants you to add a new rule now. This time for body. And give that body a special background-color which is brown.

So recall the syntax of all css is:

Element {
    Property-Name: Value;

You have been given all three of these (the element is body, the property is background-property and the value is brown. So simply write the new rule as per the correct syntax and you are done)

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