Skip to content
Snippets Groups Projects
Commit 760cdbfb authored by Bilel El Yaagoubi's avatar Bilel El Yaagoubi
Browse files

hop

parent 5daf67b7
No related branches found
No related tags found
1 merge request!2Ocotbranche
<template> <template>
<div class="child"> <div class="child">
<img <img
height="400" class="movieImage"
:src="'https://image.tmdb.org/t/p/original/' + movie.poster_path" :src="'https://image.tmdb.org/t/p/original/' + movie.poster_path"
/> />
<h2>{{ movie.title }}</h2> <h2>{{ movie.title }}</h2>
...@@ -18,6 +18,9 @@ export default { ...@@ -18,6 +18,9 @@ export default {
</script> </script>
<style scoped> <style scoped>
.movieImage {
width: 50%;
}
.child { .child {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
......
...@@ -16,9 +16,12 @@ ...@@ -16,9 +16,12 @@
</p> </p>
<div>Nom du film: {{ movieName }}</div> --> <div>Nom du film: {{ movieName }}</div> -->
<div class="parent"> <div class="parent">
<tr v-for="movie in movies" :key="movie.id"> <Movie
<Movie class="child" :movie="movie" /> class="child"
</tr> :movie="movie"
v-for="movie in movies"
:key="movie.id"
/>
</div> </div>
</div> </div>
</template> </template>
...@@ -86,15 +89,13 @@ export default { ...@@ -86,15 +89,13 @@ export default {
.parent { .parent {
display: flex; display: flex;
flex-flow: column wrap; flex-wrap: wrap;
height: 250px; width: 100%;
justify-content: space-evenly;
} }
.child { .child {
width: 40%; width: 20%;
height: 40%;
margin-left: auto;
margin-right: auto;
} }
h3 { h3 {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment