Learn Basic CSS by Building a Cafe Menu - Step 16

HTML-CSS
1

I can’t pass Step 16 in the Cafe Menu exercise. I have repeatedly tried, I skipped it and have completed the entire exercise with the exception of Step 16. I am convinced that there is a FCC issue and not an issue with my code: . Please help!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet"/>
  </head>

<!-- User Editable Region -->

  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

/* 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/112.0.0.0 Safari/537.36

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

Link to the challenge:

3

image
image1920×1080 306 KB

4

Welcome to our community!

You code is OK. Try the following:

  1. Restart step
  2. Refresh page (F5)
  3. “Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”
  4. Change the browser.
5

Wow! That worked. Thanks! I had the Duck Duck Go Chrome Extension on and as soon as I disabled that it worked fine. Strange that I had that installed for every other lesson and they worked fine, it was just this one. But delighted to have a solution!

1 Like
6

Just wanted to say - I had Duck Duck Go extension in Chrome as well and disabling it also resolved my issue with it not accepting my code at this step. Not sure the conflict with their extension and what it is doing, but I have disabled it when on FCC.

7

mod edit: removed solution

8

Please do not provide the solution for the challenges

thanks