Card tailwind css

<div class="max-w-sm rounded overflow-hidden shadow-lg">
  <div class="px-6 py-4">
    <div class="font-bold text-xl mb-2">The Coldest Sunset</div>
    <p class="text-gray-700 text-base">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil.
    </p>
  </div>
  <div class="px-6 pt-4 pb-2">
    <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#photography</span>
    <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#travel</span>
    <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#winter</span>
  </div>
</div>

Similar codes

0 vote278 views1 answer
CSS - The Class Selectors
CSS
3 votes230 views1 answer
Wrap table html
CSS
0 vote275 views1 answer
Bootstrap popover style width
CSS
1 vote317 views1 answer
Use css in cshtml
CSS
0 vote281 views1 answer
Why wont text color of a div change
CSS
1 vote269 views1 answer
How to contain an image within a div
CSS
0 vote279 views1 answer
Css put background on top of another background image
CSS
1 vote283 views3 answers
Change scrollbar color
CSS
75 votes268 views6 answers
Flexbox
CSS
2 votes305 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS