search

genkio / blog

Stay hungry stay foolish
https://slashbit.github.io/blog/
0 stars 1 forks source link

Tailwind CSS examples #194

Open genkio opened 4 years ago

genkio commented 4 years ago

image

  <div class="shadow-lg rounded overflow-hidden sm:flex max-w-md">
    <div style="background-image:url('./img/image1.jpg')"
      class="bg-cover bg-center h-48 w-auto sm:h-auto sm:w-64"
    ></div>
    <!-- <img src="./img/image1.jpg" alt=""> -->
    <div class="p-4">
      <h2 class="font-black mb-3">Hello Tailwind!</h2>
      <p class="text-sm text-grey-dark mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident ipsum debitis cum maiores, laboriosam doloribus deleniti quas voluptates labore eum.</p>
      <button class="bg-purple hover:bg-purple-light text-white py-3 px-6 font-bold rounded-full mt-1 mb-2">Click me!</button>
    </div>
  </div>