CareCard.vue

<template>
  <div class="cafe-card">
    <h2> {{ name }}</h2>
    <p>Airy neighborhood coffee house with daily roasted espresso &amp; drip coffee, plus bagels &amp; pastries.</p>
    <h3>Hours</h3>
    <p>Mon-Fri: 6:30-8</p>
    <p>Sat-Sun: 8-8</p>
    <p>{{ address }}</p>
  </div>
</template>

<script>
export default {
  props: ['name', 'address']
}
</script>

<style scoped>
.cafe-card {
  display: inline-block;
  width: 15em;
  padding: 1em;
  margin: 1em;
  margin-left: 0;
  background: #EBEBEB;
  border-top: 10px solid #C28F42;
}
</style>