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

5 votes353 views2 answers
Word spacing css
CSS
-1 vote345 views1 answer
Financial year vs assessment year
CSS
23 votes374 views5 answers
Center div using flex
CSS
1 vote390 views1 answer
Open applications bat start
CSS
-2 votes373 views1 answer
Sliding text css
CSS
-1 vote378 views6 answers
Css comment
CSS
6 votes352 views2 answers
Css how to prevent horizontal scrolling
CSS
0 vote433 views2 answers
Bootstrap 5 container
CSS Bootstrap
0 vote430 views1 answer
React use global css
CSS
24 votes348 views1 answer
Css gradient animations
CSS