Piramide de Niveles

¡Hola Willyam!

Para crear una pirámide de niveles con los valores que has mencionado, puedes utilizar HTML y CSS. Aquí te dejo un ejemplo de cómo podrías hacerlo:

HTML:

<div class="pyramid">
  <div class="level" style="height: 60px;"></div>
  <div class="level" style="height: 30px;"></div>
  <div class="level" style="height: 80px;"></div>
  <div class="level" style="height: 100px;"></div>
  <div class="level" style="height: 50px;"></div>
</div>

CSS:

.pyramid {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}

.level {
  width: 100px;
  background-color: #eaeaea;
  margin-bottom: 10px;
}

En este ejemplo, utilizamos un contenedor .pyramid con display: flex y flex-direction: column-reverse para alinear los niveles en forma de pirámide. Cada nivel tiene una altura determinada mediante la propiedad height y se muestra como una barra de color gris claro.

Puedes ajustar los valores de altura y el estilo CSS según tus necesidades. Recuerda que esto es solo un ejemplo básico y puedes personalizarlo según tus preferencias.

¡Espero haber ayudado y buenos estudios!