19 lines
883 B
Handlebars
19 lines
883 B
Handlebars
<div class="max-w-sm w-full lg:max-w-full lg:flex">
|
|
<div class="h-48 lg:h-auto lg:w-48 flex-none bg-cover text-center overflow-hidden"
|
|
style="background-image: url('{{@meal.strMealThumb}}')">
|
|
</div>
|
|
<div class="border-r border-b border-l border-gray-400 lg:border-l-0 lg:border-t lg:border-gray-400 bg-white p-4 flex flex-col justify-between leading-normal">
|
|
<div class="mb-8">
|
|
<div class="text-gray-900 font-bold text-xl mb-2">
|
|
{{@meal.strMeal}}
|
|
</div>
|
|
<p class="text-gray-700 text-base">
|
|
Lorem...
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">#{{@meal.strCategory}}</span>
|
|
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">#{{@meal.strArea}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|