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

19 votes182 views4 answers
Add blur background css
CSS
0 vote196 views1 answer
Css accordian triangle
CSS
2 votes175 views1 answer
Reset a tag css
CSS
1 vote170 views1 answer
Unknown function 'mat-palette'
CSS
55 votes400 views5 answers
Bootstrap 3 button
CSS Bootstrap
36 votes204 views6 answers
Css gradient
CSS
0 vote199 views1 answer
Red asterix css
CSS
52 votes187 views3 answers
Css position absolute middle
CSS
0 vote197 views1 answer
Disable button outline in css
CSS
4 votes182 views3 answers
Css selection
CSS