Hice todo al pie de la letra del profesor, pero no logro alinear los cuadros como indican en el video de la clase. Les paso mi codigo para ver si me ayudan a encontrar el error please!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Productos - Barbería Alura</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="productos.css">
</head>
<body>
<header>
<div class="caja">
<h1><img src="imagenes/logo.png"></h1>
<nav>
<ul>
<li><a href="index.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>
<ul class="productos">
<li>
<h2>Cabello</h2>
<img src="imagenes/cabello.jpg">
<p>Con tijera o Máquina a gusto del cliente</p>
<p>$ 10.00</p>
</li>
<li>
<h2>Barba</h2>
<img src="imagenes/barba.jpg">
<p>Corte y Diseño Profesional de Barba</p>
<p>$ 8.00</p>
</li>
<li>
<h2>Cabello + Barba</h2>
<img src="imagenes/cabello+barba.jpg">
<p>Paquete Completo de Cabello y Barba</p>
<p> $ 15.00</p>
</li>
</ul>
</main>
</body>
</html>
