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 vote205 views1 answer
Why grepper not always shows
CSS
3 votes184 views1 answer
What is a pseudo selector?
CSS
0 vote280 views2 answers
Css comment placer un icon sur une photo
CSS
7 votes165 views2 answers
Make images same size css
CSS
33 votes201 views4 answers
How to change paragraph text color to Red css
CSS
3 votes210 views6 answers
Htaccess
CSS
2 votes169 views1 answer
New line in url
CSS
15 votes185 views6 answers
Selection css
CSS
6 votes181 views8 answers
Bootstrap css
CSS
0 vote192 views1 answer
Add quotes in quote css
CSS