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 vote119 views1 answer
How to use class form scss reactjs
CSS
0 vote165 views1 answer
Deploy truffle project on testnet
CSS
1 vote128 views1 answer
On clicking a link it gets red color
CSS
32 votes125 views5 answers
Css text align right
CSS
2 votes103 views2 answers
Input disabled remove css
CSS
0 vote110 views5 answers
Boostrap css
CSS Bootstrap
1 vote120 views1 answer
Mirror css a pseudo :after or :before
CSS
0 vote124 views1 answer
Create an irregular shape div css
CSS
10 votes112 views2 answers
Css list elements horizontally
CSS
0 vote131 views1 answer
Float: down css
CSS