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

1 vote243 views1 answer
Inline input form css
CSS
29 votes250 views5 answers
Kill all ports
CSS
1 vote225 views1 answer
Remove site title squarespace
CSS
27 votes220 views6 answers
Animation properties css
CSS
1 vote228 views1 answer
What is the username password for ftp lampp
CSS
0 vote221 views1 answer
Css3 background image curve
CSS
0 vote254 views1 answer
How to increase the area of a text are
CSS
0 vote233 views1 answer
Adding a script tag with Helmet
CSS
116 votes218 views6 answers
How to hide the scrollbar in css
CSS
0 vote235 views1 answer
Reference images from css in django
CSS