Este ejercicio es sobre indentación, son espacios que se le da al código para que sea más legible.
Cada que un elemento se anida a otro elemento se le da una indentación o espacios, en este caso freeCodeCamp no especifica que la indentación debe de ser de 2 espacios.
Aquí está el código sin espacios, sin espacios puede llegas a ser complicado saber que elementos estan anidados
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
</main>
</body>
</html>
Aquí está intercambiando “x” por espacios
<html>
xx<body>
xxxx<h1>CatPhotoApp</h1>
xxxx<main>
xxxxxx<h2>Cat Photos</h2>
xxxxxx<!-- TODO: Add link to cat photos -->
xxxxxx<p>Click here to view more cat photos.</p>
xxxx</main>
xx</body>
</html>
Con los espacios, es más sencillo visualizar que elementos están anidados dentro de qué elementos
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
</main>
</body>
</html>
Solo recuerda, cada que un elemento se anida dentro de otro, se van añadiendo 2 espacios