Chor Door Project, Step 23 Two Star with title not going centre

  <body>
    <div class="header">
      <img src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/logo.svg">

    </div>
    
    <div class="title-row">
      <img src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/star.svg">

      <p class="instructions-title">Instruction</p>

      <img src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/star.svg">

    </div>
    <div class="door-row">
      <img id="door1" class = "door-frame" src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg">

      <img id="door2" class = "door-frame" src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg">

      <img id="door3" class = "door-frame" src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg">

    </div>
<script type="text/javascript" src="script.js"></script>
  </body>
</html>

body {
  background-color: #010165;
  margin: 0px;
}

.header {
  background-color: #00ffff;
  text-align: center;
}

.title-row {
  margin-top: 42px;
  margin-bottom: 21px;
  text-align: centre;
}

.door-frame {

  cursor: pointer;
  padding: 10px;
  
}

.instructions-title {
  display: inline;
}

text-align: centre;, centre is not a valid value for text-align property. See the docs:

https://developer.mozilla.org/en-US/docs/Web/CSS/text-align

okay got it thank you.