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

16 votes177 views4 answers
Scss to css
CSS
1 vote172 views1 answer
Css without underline
CSS
20 votes192 views4 answers
Css list no bullets
CSS
0 vote177 views1 answer
Dict to sql python
CSS
0 vote180 views1 answer
Putting an object in front of a page javascript
CSS
1 vote182 views1 answer
Css linkup
CSS
1 vote183 views2 answers
Css block
CSS
37 votes181 views6 answers
Add gradient to text css
CSS
29 votes182 views9 answers
Traduttore
CSS
11 votes202 views2 answers
Css image filter black and white
CSS