Learn CSS Grid by Building a Magazine - Step 5

Tell us what’s happening:
Describe your issue in detail here.
pleas can someone check my code if there is something am not doing right
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Magazine</title>
    <link
      href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <main>
      <section class="heading">
        <header class="hero">
          <img
            src="https://cdn.freecodecamp.org/platform/universal/fcc_meta_1920X1080-indigo.png"
            alt="freecodecamp logo"
            loading="lazy"
            class="hero-img"/>
           <h1 class="hero-title">OUR NEW CORRICULUM</h1><p class="hero-subtitle">Our efforts to restructure our curriculum with a more project-based focus</p>
        </header>
      </section>
    </main>
  </body>
</html>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.5195.127 Safari/537.36

Challenge: Learn CSS Grid by Building a Magazine - Step 5

Link to the challenge:

You have a typo in the h1 element.
CORRICULUM is not the correct spelling.

The hint you are receiving is already telling you what the problem is. The h1 text should be set to OUR NEW CURRICULUM. What is your h1 element’s text?

thanks, that was helpful