Estilização feita diferentemente ao feito pelo instrutor

EDIT: houve uma duplicação na publicação deste post. Por gentileza, peço ao moderador que delete o outro post. Obrigado e peço desculpas por isso.

Eu fiz de uma forma diferente feita pelo instrutor e gostaria de um feedback. Eu efetuei alguma má prática em meu código?

HTML

<ul class="portfolio">
    <li>
        <figure>
            <img src="img/bmw.png" alt="site da BMW">
            <figcaption>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet dignissimos fugiat nesciunt ea. Consequatur fugiat, officiis temporibus quisquam voluptatum nulla distinctio autem harum eius deserunt facilis libero pariatur in officia.</figcaption>
        </figure>
    </li>

    <li>
        <figure>
            <img src="img/uol.png" alt="site do UOL">
            <figcaption>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet dignissimos fugiat nesciunt ea. Consequatur fugiat, officiis temporibus quisquam voluptatum nulla distinctio autem harum eius deserunt facilis libero pariatur in officia.</figcaption>
        </figure>
    </li>

    <li>
        <figure>
            <img src="img/ibm.png" alt="site da IBM">
            <figcaption>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet dignissimos fugiat nesciunt ea. Consequatur fugiat, officiis temporibus quisquam voluptatum nulla distinctio autem harum eius deserunt facilis libero pariatur in officia.</figcaption>
        </figure>
    </li>

    <li>
        <figure>
            <img src="img/g1.png" alt="site do G1">
            <figcaption>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet dignissimos fugiat nesciunt ea. Consequatur fugiat, officiis temporibus quisquam voluptatum nulla distinctio autem harum eius deserunt facilis libero pariatur in officia.</figcaption>
        </figure>
    </li>
 </ul>

CSS

figure {
    border: 8px solid black;
    background-color: #FAFFFC;
    padding: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
}

.container li {
    display: inline-block;
    box-sizing: border-box;
    width: 45%;
}

figure img {
    width: 100%;
}