CSS flexbox - Alinea elementos mediante la propiedad align-items

Español HTML-CSS
1

Cuéntanos qué está pasando:
No me deja pasar a la siguiente prueba aunque tenga la propiedad de aling-items dentro del elemento #box-container que se requiere en correcto estado, verifico con el video de ayuda y tengo todo bueno pero aun asi no me deja pasar de prueba

Tu código hasta el momento

<style>
  #box-container {
    background: gray;
    display: flex;
    height: 500px;
    aling-items: center;
  }
  #box-1 {
    background-color: dodgerblue;
    width: 200px;
    font-size: 24px;
  }

  #box-2 {
    background-color: orangered;
    width: 200px;
    font-size: 18px;
  }
</style>

<div id="box-container">
  <div id="box-1"><p>Hello</p></div>
  <div id="box-2"><p>Goodbye</p></div>
</div>

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Desafío: CSS flexbox - Alinea elementos mediante la propiedad align-items

Enlaza al desafío:

2

Hola, tienes mal escrita la propiedad. debe ser align-items. Revisa

2 Likes