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 vote129 views1 answer
Li only showing first bullet
CSS
2 votes134 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
0 vote131 views1 answer
Css id with mask wildcard
CSS
1 vote142 views1 answer
Css media queries between two sizes
CSS
0 vote134 views1 answer
React bootstrap css module use media query mixin
CSS
1 vote139 views1 answer
Html list over three columns
CSS
-1 vote95 views1 answer
Html sticky
CSS
0 vote143 views1 answer
Background url with color css
CSS
0 vote142 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS
43 votes132 views3 answers
Css center horizontally and vertically
CSS