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 vote251 views1 answer
Bouton darkmode
CSS
37 votes153 views4 answers
Select even child css
CSS
72 votes207 views6 answers
How to change font size in css
CSS
49 votes148 views5 answers
Absolute position div center
CSS
0 vote146 views1 answer
Boxsizing
CSS
0 vote155 views1 answer
Css for chrome only
CSS
6 votes177 views6 answers
Word break css
CSS
-1 vote140 views3 answers
Text in one line css
CSS
1 vote144 views1 answer
Replace icon with image css
CSS
0 vote136 views1 answer
How to make textbox shorter in html
CSS