<div class="container">
    <h2>Los seis primeros Pokemon: </h2>
    <hr />
    <div class="columns">
        <div class="column">
            <p>En el orden del Pokédex: </p> 
        </div>
    </div>
    <div class="columns is-multiline">
        <ul class="menu-list column is-one-third" *ngFor="let  pokemon of pokemons">
            <li>
                <a>{{pokemon.nombre}}</a>
                <ul class="menu-list"> 
                    <img src="{{pokemon.img}}" /> 
                    <li>Nombre : {{pokemon.nombre}}</li> 
                    <li>Categoría : <span *ngIf="pokemon.categoria; else na">{{pokemon.categoria}}</span></li> 
                    <li>Tipo : <span *ngIf="pokemon.tipo; else na">{{pokemon.tipo}}</span></li> 
                    <li>Talla : <span *ngIf="pokemon.talla; else na">{{pokemon.talla | number:'1.0-2'}} m</span></li> 
                    <li>Peso : <span *ngIf="pokemon.peso; else na">{{pokemon.peso | number: '1.0-2'}} kg</span></li> 
                    <ng-template #na>N/A</ng-template> 
                </ul>        
            </li>
        </ul>
    </div>
</div>