Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<div class="border border-gray-400 rounded p-8 my-8">
<h3>Card title</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<div class="border border-gray-400 rounded p-8 my-8">
<div class="flex flex-wrap items-center justify-between">
<div class="lg:flex-1">
<h3>Card title</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<div class="lg:p-0 pt-4">
<a class="btn btn-primary" href="">Button</a>
</div>
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<div class="border border-gray-400 rounded my-8 lg:w-1/2 w-full">
<div class="image-placeholder">
<svg viewBox="0 0 20 20" width="20" height="20" role="img" aria-labelledby="a9oti74fjtdj8vamlzj8qy6gr5p29zxu" class="fill-current text-gray-500 icon-xl"><title id="a9oti74fjtdj8vamlzj8qy6gr5p29zxu">Icons/photo</title>
<path d="M0 4c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm11 9l-3-3-6 6h16l-5-5-2 2zm4-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"></path></svg>
</div>
<div class="p-6">
<h3>Card title</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
<div class="border border-gray-400 rounded my-8 lg:w-1/2 w-full">
<div class="image-placeholder">
<svg viewBox="0 0 20 20" width="20" height="20" role="img" aria-labelledby="aizxafjvhda1wtg7h1dx1skty1cb7d56" class="fill-current text-gray-500 icon-xl"><title id="aizxafjvhda1wtg7h1dx1skty1cb7d56">Icons/photo</title>
<path d="M0 4c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm11 9l-3-3-6 6h16l-5-5-2 2zm4-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"></path></svg>
</div>
<div class="p-6">
<h3>Card title</h3>
<p class="mb-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<a class="btn btn-primary btn-small" href="#">Button</a>
</div>
</div>