sigue el problema en el footer, el copyright no sale blanco y no centrea la imagen
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> Contacto - Barbería Alura </title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="caja">
<h1> <img src="imagenes/logo.png"> </h1>
<nav>
<ul >
<li> <a href="barberiaAlura.html"> Home </a> </li>
<li> <a href="productos.html"> Productos </a> </li>
<li> <a href= "contacto.html"> Contacto </a></li>
</ul>
</nav>
</div>
</header>
<main>
test
</main>
<footer>
<img src="imagenes/logo-blanco.png"
<p class="copyright"> © Copyright Barbería Alura - 2020 </p>
</footer>
</body>
</html>
y aca el css
.titulo-principal{
padding-left: 30px;
}
#banner{
width:100%
}
.principal{
background-color:#CCCCCC;
padding: 20px;
}
.titulo-centralizado {
text-align: center;
}
p{
text-align: center;
}
em strong {
color: red
}
#mision{
font-size: 20px;
}
.diferenciales{
background: #FFFFFF;
padding: 30px;
}
h3{
text-align: center;
font-size: 30px;
}
.items{
font-style: italic;
}
ul{
display: inline-block;
vertical-align:top;
width: 20%;
margin-right: 15%;
}
.imagenDiferenciales{
width: 50%;
}no encuentro el error por ma que copie el codigo del profesor no lo lee ya que no se si se ve en el codigo que mande pero la primera <p aparece en rojo en la pantalla y no hay forma de cambiarla
