Tailwind CSS Card

Om
Jul 19, 2021

--

Concepts to be covered

  1. Spacing in tailwind
    1. Padding
    2. Margin
  2. Font classes
Card

Layout

  1. Parent container
<div class="min-h-screen bg-green flex items-center justify-center ">
</div>

2. Card Content
1. Image
2. Heading
3. Description

<!-- 1. img url https://friesday.fr/INDIENNE.0d50778e.png  💡 --><!-- 2. header one <h4 class="frsd-site-h4">L'INDIENNE</h4> --><!-- 3. description <p>De savoureuses brochettes de poulet tandoori grillés, accompagnés de sa sauce onctueuse butter chicken, noix de cajou et mayo-curry.</p> -->

Codepen

Video

--

--