Tailwind-CSS-Configuration/background.html at main · ganesh2394/Tailwind-CSS-Configuration · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Wrap | Tailwindcss</title>
    <script src="https://cdn.tailwindcss.com"></script>
  </head>
  <body class="flex justify-center h-screen items-center">
    <div class="">
      <div class="bg-gray-700 p-4 max-w-2xl">
        <div>
          <img
            src="./image/building.jpg"
            alt="Building Image"
            class="w-60 conver-object"
          />
        </div>
        <div class="text-white font-extrabold text-2xl">
          My trip to the summit
        </div>
        <p class="text-gray-300 mt-1 text-sm">November 16, 2021 · 4 min read</p>
        <!-- paragraphs -->
        <div class="mt-2">
          <p class="text-sm text-gray-200 mb-4">
            Maybe we can live without libraries, people like you and me. Maybe.
            Sure, we're too old to change the world, but what about that kid,
            sitting down, opening a book, right now, in a branch at the local
            library and finding drawings of pee-pees and wee-wees on the Cat in
            the Hat and the Five Chinese Brothers? Doesn't HE deserve better?
          </p>
          <p class="text-sm text-gray-200">
            Look. If you think this is about overdue fines and missing books,
            you'd better think again. This is about that kid's right to read a
            book without getting his mind warped! Or: maybe that turns you on,
            Seinfeld; maybe that's how y'get your kicks. You and your good-time
            buddies.
          </p>
        </div>
      </div>
    </div>
  </body>
</html>