TAilwind css

Tailwind css

<link href="https://unpkg.com/tailwindcss@2.2.4/dist/tailwind.min.css" rel="stylesheet">

Tailwind css

<script src="https://cdn.tailwindcss.com"></script>

Tailwind css

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

Source: tailwindcss.com

Tailwind css

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
</head>
<body>
  <div class="prose">
    <!-- ... -->
  </div>
</body>
</html>

Source: tailwindcss.com

TAilwind css

/* TailwindCSS is a CSS framework. It helps reduce the code you write.*/

Tailwind CSS

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

Source: tailwindcss.com

Similar codes

0 vote202 views1 answer
Css invert text color
CSS
0 vote232 views1 answer
Flex: 0 1 auto
CSS
2 votes218 views1 answer
Css tricks transition
CSS
39 votes200 views2 answers
Css z index
CSS
20 votes258 views2 answers
Bootstrap screen sizes
CSS Bootstrap
16 votes218 views5 answers
Scss loop
CSS
4 votes186 views1 answer
Change hex background opacity css
CSS
0 vote216 views1 answer
Flexbox froggy
CSS
-1 vote216 views1 answer
Empty areas in the grid are defined using '.'
CSS
0 vote208 views1 answer
React how to wrap
CSS