ajout du logo

frontend/src/views/Home.vue

 <template>
   <div class="home">
     <h1>Bienvenue sur CaCaoCritics</h1>
-    <img alt="Vue logo" src="../assets/logo.png" />
+    <img class="logo" alt="Vue logo" src="../assets/logo.png" />
     <br />
     <input type="text" v-model="moviename" placeholder="enter a movie name" />
     <div class="film-name">Le film est : {{ moviename }}</div>
     <li v-for="movie in movies" :key="movie.id">
-    <p>
+      <p class="movie-title">
         {{ movie.title }}
       </p>
       <p>
-      <img :src= "'https://image.tmdb.org/t/p/original/' + movie.poster_path" withd="100" height="300" />
+        <img
+          :src="'https://image.tmdb.org/t/p/original/' + movie.poster_path"
+          withd="100"
+          height="300"
+        />
       </p>
     </li>
   </div>
@@ -55,6 +59,10 @@ export default {
   text-align: center;
 }
 
+.logo {
+  max-width: 100px;
+}
+
 h3 {
   margin: 40px 0 0;
 }
@@ -70,6 +78,6 @@ li {
 }
 
 a {
-  color: #FF68AD;
+  color: #ff68ad;
 }
 </style>