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

    <div class="header">
      <img src="">

    <div class="title-row">
      <img src="">

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

      <img src="">

    <div class="door-row">
      <img id="door1" class = "door-frame" src="">

      <img id="door2" class = "door-frame" src="">

      <img id="door3" class = "door-frame" src="">

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

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:

okay got it thank you.