Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:
it alerts me style paragraph is wrong, not let me proceed. what i should change?

Your code so far

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8" />
    <title>Cafe Menu</title>

<!-- User Editable Region -->

        text-align: center;

<!-- User Editable Region -->

      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/114.0

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

Link to the challenge:

“Center the h2 and p elements by adding a new type selector for each one”

You want to add a new ruleset for h2 and p. You have instead combined them all into one ruleset.

Please note, combining them isn’t a bad thing, in fact, you will do that in a later step. But this step isn’t asking you to do that quite yet.

1 Like

I’ve already tried before listing, but it says to not modify h1, I cannot see what I’m missing. code before the task was not re-written, so what’s the problem? (h2 parenthesis was even spaced in one attempt, i’ve taken many to understand what’s wrong)

Note: in the preview it’s all set correctly, it’s only the code i don’t understand

This looks correct. It could be that you have a browser extension installed that is adding its own style elements behind the scenes and confusing the tests. For example, do you have a dark mode extension installed? You might have to try disabling extensions until you find the one that is causing problems. Or try a different “clean” browser without any extensions installed.


It worked, I’ve installed another browser! Thank you!

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