Exercitando: + uma coluna + uma linha = colpsan 3

Olá Lais, tudo bem?

Sim! Para que esse elemento td que é diferente dos outros que não possuem o colspan seja encontrado no CSS, é preciso de algumas adaptações.

Primeiro, a propriedade que utilizaremos para centralizar esse texto, é o text-align: center.

Você pode resolver essa questão de algumas formas, explicarei melhor a seguir!

1. Adicionando um id para esse elemento.

<td id="td-colspan"colspan="3">Não percam</td> 

#td-colspan {
  text-align: center
}

1. setando o colspan no CSS.

td[colspan] {
  text-align: center;
}

1. buscando o last-of-type de elementos td.

td:last-of-type{
  text-align: center
}

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!

Muito obrigada Beatriz!

Vc viu aquela imagem q postei, por que a tabela fica encostando o footer?

<tr>
        <td id="td-colspan"colspan="3">Não percam</td>     
         </tr>
          </table>

        </main>

        <footer>
            <img src="imagens/logo-branco.png" alt="Logo da Barbearia Alura">
            <p class="copyright">© Copyright Barbearia Alura - 2021</p>
        </footer>
    </body>
</html>

footer {
    text-align: center;
    background: url("imagens/bg.jpg");
    padding: 40px 0;
}

#td-colspan {
    text-align: center
}

Opa Lais, obrigada pelo retorno!

Darei uma olhadinha com certeza e então continuamos por lá mesmo.

Creio eu que seja alguma alteração no CSS no elemento table, mas tenho que conferir no código.

Abraços!