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

68 votes346 views6 answers
Add css file in html
CSS
37 votes358 views1 answer
Trumping
CSS
1 vote370 views1 answer
How do center using margin
CSS
3 votes405 views6 answers
Htaccess
CSS
0 vote452 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
5 votes331 views1 answer
How to create a shape in css
CSS
0 vote369 views1 answer
How to get 2 words one left aligh and right align in css
CSS
8 votes350 views1 answer
Css wordwrap
CSS
1 vote354 views1 answer
Mysqli check if delete was successful
CSS
0 vote342 views1 answer
Css popover arrow divi menu
CSS