1
resposta

Mãos na massa: itens na lista.

<li class="filme-list__item">
    <img
      src="./images/poster/amanhecer.png"
      alt="Amanhecer"
      class="filme-list__imagem"
    />
    <div class="filme-list__container">
      <h3 class="film-list__item-titulo">Amanhecer</h3>

      <div class="filme-list__descricao">
        <div class="filme-list__linha">
          <p class="filme-list__descricao-tipo">Suspense</p>
          <p class="filme-list__descricao-dimensao">2D</p>
        </div>
        <div class="filme-list__linha">
          <p class="filme-list__descricao-duracao">110 minutos</p>
          <p
            class="filme-list__descricao-idade filme-list__descricao-idade-livre"
          >
            Livre
          </p>
        </div>
      </div>
    </div>
  </li>
1 resposta

Oi, Estanislau! Como vai?

Obrigada por compartilhar seu código com a comunidade Alura.

A forma como você organizou os elementos com divs auxiliares dentro da <li> ficou ótima para aplicar o Flexbox depois!Dá pra ver que você está seguindo uma estrutura clara para os cards do filme.

Continue firme nos estudos.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!