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

17 votes194 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
0 vote257 views1 answer
Css prevent grid blowout
CSS
8 votes250 views1 answer
Center in the middle of the screen html css
CSS
29 votes308 views6 answers
BackgroundImage react
CSS
6 votes232 views3 answers
How to round input border
CSS
0 vote239 views1 answer
Scss color black white
CSS
2 votes261 views2 answers
How to have a background image with a color overlay
CSS
0 vote245 views1 answer
Hide featured image in wordpress
CSS
0 vote235 views1 answer
Css animated cross mark
CSS
0 vote249 views1 answer
Media-queries
CSS