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 vote249 views1 answer
Critical css
CSS
2 votes219 views1 answer
Css center in td
CSS
67 votes175 views6 answers
Center absolute
CSS
0 vote167 views1 answer
Overwrite theme css in parent css
CSS
0 vote164 views1 answer
Fullpage.js change the color of the anchor
CSS
17 votes171 views4 answers
Get featured image post wordpress by post id
CSS
0 vote163 views1 answer
Vertical align x horizontal
CSS
2 votes177 views1 answer
Admin dashboard html css
CSS
0 vote180 views1 answer
Position an icon in relation a parent element
CSS
1 vote185 views1 answer
Which css property is used to change font
CSS