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 vote196 views1 answer
Cd program files x86
CSS
7 votes175 views2 answers
Bootstrap Aligning images
CSS
3 votes167 views2 answers
How to make hover effect none in css
CSS
0 vote240 views1 answer
Installer scss projet wordpress
CSS
0 vote172 views1 answer
Get element in list ocaml
CSS
2 votes215 views1 answer
Css move animation
CSS
0 vote169 views1 answer
How to change the size of a style="text-align: center;"
CSS
0 vote214 views1 answer
Mettre icloud en dossier barre
CSS
37 votes176 views5 answers
Display css
CSS
4 votes298 views2 answers
Bootstrap icons sdn
CSS Bootstrap