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 vote333 views1 answer
How to add background image in a container css
CSS
41 votes330 views6 answers
Media query for mobile min and max width
CSS
3 votes351 views1 answer
Install expo vector icons
CSS
38 votes346 views3 answers
Cool ways to color a background with css
CSS
16 votes362 views2 answers
Not last child css
CSS
0 vote365 views1 answer
Grid-template-rows
CSS
4 votes333 views1 answer
Make text bigger html5
CSS
0 vote358 views1 answer
How to use css transform matrix
CSS
1 vote345 views1 answer
CSS technique for a horizontal line with icons in the middle
CSS
152 votes390 views6 answers
How to add bold in css
CSS