How do i rewrite the styles in style css

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
\ file: <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style>
    h1, h2, p {
      text-align: center;
    }
  </style>
</head>
<body>
  <header>
    <h1>CAMPER CAFE</h1>
    <p>Est. 2020</p>
  </header>
  <main>
    <section>
      <h2>Coffee</h2>
    </section>
  </main>
</body>
<html>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style>
    h1, h2, p {
      text-align: center;
    }
  </style>
</head>
<body>
  <header>
    <h1>CAMPER CAFE</h1>
    <p>Est. 2020</p>
  </header>
  <main>
    <section>
      <h2>Coffee</h2>
    </section>
  </main>
</body>
<html>
\ file: 



  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; TECNO CF7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.41 Mobile Safari/537.36

Challenge: Step 15

Link to the challenge:

You have to copy the styles that you wrote in the html, and paste it in the css. Make sure to exclude the poening and closing <style> tags.

Is the css file coded inside or i have to create one(thats the challenging part)

Its there in the page you dont need to create it

Inside the index.html
there must be style element, copy that content from index.html to styles.css without the style elements opening and ending tags

1 Like

:+1:t6: thanks it worked