<template>
  <div class="film-poster">
    <img :src="film.poster" :alt="film.title" />
    <h3>{{ film.title }}</h3>
    <!-- Ajoutez d'autres détails du film ici -->
  </div>
</template>

<script>
export default {
  props: {
    film: {
      type: Object,
      required: true
    }
  }
};
</script>

<style scoped>
/* Styles pour la disposition des affiches */
.film-poster {
  width: 20%; /* Pour afficher 4 affiches par rangée */
  margin: 10px;
  display: inline-block;
  text-align: center;
}
</style>