Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:

It’s telling me my code is wrong but it’s not wrong. The correction it’s giving does not apply. What do I do?

Your code so far

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

<!-- User Editable Region -->

    <style>
      h1 {
        text-align: center;
      }

      h2 {
        text-align: center;
      }
      
      p {
        text-align: center;
      }
    </style>

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 12

Welcome to our community!

Something is wrong with your ‘style’ tags. Restart step.
If it doesn’t work, refresh the page (F5), or change the browser. You can also disable all extensions…

So in other words, I’m learning responsible web design on a site that can’t even be bothered to make their site function properly on all modern web browsers?

I reloaded the page and all it does now is just give me the entirety of the code with no further direction. There are no extensions currently.

Terrible.

Okay, turns out FreeCodeCamp in fact, can’t be bothered to work properly 100% of the time on Safari, a common web browser that millions upon millions of people use. It works fine on clunky ol’ privacy-compromised Google Chrome.

Again: Terrible.

I would look into the accesibilty of browsers and operating systems with regards to web development before going on a rant here while still learning the absolute basics of HTML and CSS. Further along in the course you will learn how to accomodate for different browsers and devices.

But if you could be bothered to have a quick 5 min search with the engine of your choice instead of slating a free and i will repeat FREE website to help and that has helped millions to learn to programme. You will find how difficult it is to accomodate or make accesible web designs for multiple browsers. AND… the most difficult and annoying browsers to accomodate for are, Edge, Safari and firefox. Sooo maybe switch to google while you are still elarning the basics and when you eventually learn how to develop for the incredibly horrible and difficult browsers like safari, edge or firefox using the worst operating system for it (OS), you might understand how ridiculous you are making youself look right now

I didn’t read any of that.

That does not suprise me. Happy coding!

@jrmellet @joshvector

Not pointing any single person out, but will remind both of you that being respectful to everyone is part of the code of conduct here at FCC. If you cant do that then dont respond to a post

Thanks

1 Like

Agreed and my apologies, I should not have risen to it, in future I will just move on!