<template>
<header>
<div class="user">
    <img class="photo" src="../assets/placeholder.jpeg" />
    <br >
  <div class="name">
    <h1>Jeanne Dupont</h1>
  </div>
</div>
</header>
<div class="like">
    <h4 class="texte" >Films que vous avez aimés ></h4>
</div>
</template>

<script>

</script>

<style scoped>
.user {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.photo {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  align-items: center;
  margin-right: 20px;
  margin-top: 10px;
}
.like {
  text-align: center;
  display: flex;
  background-color: #912F56;
  color: white;
  max-height: 100px;
  justify-content: center;
  max-width: 250px;
  border-radius:10px;
  margin-left:20px;
}
.texte {
  justify-items:flex-end;
  margin-left: 5px;
}
.name {
  background-color: #EAF2EF;
}

</style>