In this video

We set the background correctly when clicked by reading the correct class out of the grid key

  1. Create a new child component named gamegrid.
  2. Only create the HTML and TS files. Don't worry about the CSS.
  3. Create them in their own subdirectory
  4. Just put in a static H1 inside the template
  5. Don't remove any HTML or functionality as of yet from the app component
  6. put a reference to the child component in the app component so that the h1 from the new child component displays just before the game grid

After you create the child component, if it's not displaying properly, try saving and reloading the stackblitz project.


I finished! On to the next chapter