Learn Basic CSS by Building a Cafe Menu - Step 27

Tell us what’s happening:

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"/>

<!-- User Editable Region -->

<div class="menu">

<!-- User Editable Region -->

        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
/* file: styles.css */
body {
  background-color: burlywood;

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

.menu {
  width: 80%;
  background-color: burlywood;
  margin-left: auto;
  margin-right: auto;

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 Information:

Learn Basic CSS by Building a Cafe Menu - Step 27

I’ve checked countless videos and answers, I’m not sure what im getting wrong, please help?

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

Sorry, was barely awake and just wanted to post as fast as possible

I wrote in

, which should be the answer, but it keeps saying:

“Your div should still render. Make sure you haven’t malformed the <div> tag”

And I’m pretty sure its not malformed, so I don’t know whats up.

Please include the closing tag for the div element.

Your code passes the way it is. There is already a closing div so you dont need to worry about adding another one. Try clearing your browser cache, refresh and submit the challenge again. If it doesnt work then try submitting the challenge in a new browser

1 Like

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