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 vote116 views1 answer
How to write text in middle of straight line in css
CSS
25 votes117 views5 answers
Image blur css
CSS
20 votes107 views3 answers
Css text selection none
CSS
12 votes114 views6 answers
Responsive text
CSS
0 vote105 views1 answer
Css for floting input label
CSS
0 vote111 views1 answer
Two background css
CSS
7 votes117 views2 answers
Remove blue border on a input
CSS
3 votes116 views6 answers
Uncaught TypeError: $ is not a function
CSS
1 vote138 views1 answer
Animate font weight css
CSS
0 vote114 views1 answer
Sub menu not showing horizontal css
CSS