  <template>
<div class="softbox">
<img width="100px" :src="img" :alt='name'>
<section class="col">
  <h3>{{name}}</h3>
  <p>{{desc}}</p>
</section>

</div>
</template>
<script>
export default {

  props: {
    img:String,
    name:String,
    desc:String
  },

  data: function () {
    this.imgBox = this.img
  }
}
</script>
<style>
.softbox{
  display: flex;
  flex-direction: row;
border:2px solid black;
}
.col{
  display:flex;
  flex-direction: column;
}
</style>
