tailwind css 22cards 22

Solutions on MaxInterview for tailwind css 22cards 22 by the best coders in the world

showing results for - "tailwind css 22cards 22"
Camille
22 Jul 2017
1<div class="max-w-sm w-full lg:max-w-full lg:flex">
2  <div class="h-48 lg:h-auto lg:w-48 flex-none bg-cover rounded-t lg:rounded-t-none lg:rounded-l text-center overflow-hidden" style="background-image: url('/img/card-left.jpg')" title="Woman holding a mug">
3  </div>
4  <div class="border-r border-b border-l border-gray-400 lg:border-l-0 lg:border-t lg:border-gray-400 bg-white rounded-b lg:rounded-b-none lg:rounded-r p-4 flex flex-col justify-between leading-normal">
5    <div class="mb-8">
6      <p class="text-sm text-gray-600 flex items-center">
7        <svg class="fill-current text-gray-500 w-3 h-3 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
8          <path d="M4 8V6a6 6 0 1 1 12 0v2h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-8c0-1.1.9-2 2-2h1zm5 6.73V17h2v-2.27a2 2 0 1 0-2 0zM7 6v2h6V6a3 3 0 0 0-6 0z" />
9        </svg>
10        Members only
11      </p>
12      <div class="text-gray-900 font-bold text-xl mb-2">Can coffee make you a better developer?</div>
13      <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>
14    </div>
15    <div class="flex items-center">
16      <img class="w-10 h-10 rounded-full mr-4" src="/img/jonathan.jpg" alt="Avatar of Jonathan Reinink">
17      <div class="text-sm">
18        <p class="text-gray-900 leading-none">Jonathan Reinink</p>
19        <p class="text-gray-600">Aug 18</p>
20      </div>
21    </div>
22  </div>
23</div>
Roberta
19 Aug 2018
1<!-- CSS https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.1.2/tailwind.min.css -->
2
3<figure class="md:flex bg-gray-100 rounded-xl p-8 md:p-0">
4  <img class="w-32 h-32 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg" alt="" width="384" height="512">
5  <div class="pt-6 md:p-8 text-center md:text-left space-y-4">
6    <blockquote>
7      <p class="text-lg font-semibold">
8        “Tailwind CSS - единственный фреймворк, который я видела масштабируемым в больших командах. Его легко настроить, адаптировать к любому дизайну, а размер сборки крошечный.”
9      </p>
10    </blockquote>
11    <figcaption class="font-medium">
12      <div class="text-cyan-600">
13        Сара Даян
14      </div>
15      <div class="text-gray-500">
16        Штатный инженер, Алголия
17      </div>
18    </figcaption>
19  </div>
20</figure>
21
queries leading to this page
how to create card in tailwind csstailwind card infotailwind css cardstailwind info cardtailwind card design exampletailwind cards exampletailwind card propertiestailwind css card usertailwind product cards vertical horizontalcard component tailwind csscard with tailwind csscard tailwind css how to card tailwind csstailwind card codecustom card tailwind csstailwind favorite cardhow to design a card in tailwind csstailwind card imagearticle card tailwindtailwind sample cardtailwind ui cardtailwind css 9 cardscards tailwinds cctailwind css how to make cardtailwind ui cardstailwind components cardstailwind card viewcard tailwind uicards with tailwind csscard detail section tailwindtailwind css card articlehtml tailwind card csshow to apply cards in tailwind csstailwind card examplesimple tailwind css cardtailwind css responsive cardstailwind css cards utillitiescreating a card using tailwindtailwind list of cards exampletailwind media cardtailwind cards layouttailwind ui cards componentmake card in tailwind csstailwindcss ui cardtailwind word cardhow to build a card in tailwindtailwind shopping cardtailwind card componentscard for client tailwindcsscard tailwind exampletailwindcss com cardtailwindcss card with imagetailwind cards pagecards using tailwinds cssinfo cards tailwindtailwind box cardcard view in tailwindtailwind css card componenttailwind css ui cardcard under card tailwind csstailwind ui grid cardcards in tailwind csstailwind card tabletailwind cards dashboardcard in tailwind csstailwind css card exampletailwind css cardcards in tailwind css informationtailwind css nince cardtailwind css info cardstyling cards tailwindtailwind css user cardsmake card tailwind csscard tailind css tailwind css product cardstailwind css credit cardtailwind card layoutcard layout tailwindcsstailwind css card componentscard using tailwind csstailwind card uicards with css tailwind tailwind css card desinginfo card design tailwindtaiwind css cardssimple card in tailwind csstailwind card csscard class tailwindcard compontsnt in tailwind cssproduct card tailwindcreate card tailwind csscard css tailwindhow to make a card in tailwind csstailwind css cardcard demo tailwindcssbuilding a card with tailwindhow to build a card with tailwindcssclient tailwind cardcards tailwind css documentation card using tailwindtailwind card democard user with tailwind csshow ot make a card components with tailwindcard layout in tailwindtailwindcss card with image covertailwind css card codepencard info tailwindtailwindcss com cardsimport tailwind cardstailwind css 22cards 22tailwind css fcardinformation cards in tailwind css card example tailwindtailwindcss card codetail wind cardstailwinds css cardstailwind css card with text on imagecards tailwind csstailwind product cards exampletailwind components cardtailwind card listnext tailwind cardtailwind css 22cards 22