# TailWindCSS 3 CDN via JavaScript

**URL:** https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151
**Category:** General
**Tags:** tailwind
**Created:** [October 31, 2022, 8:01am UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151 "2022-10-31T08:01:28Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![anjanesh](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/anjanesh/32/4044_2.png) [@anjanesh](https://forum.pinegrow.com/u/anjanesh)
#### Post date: [October 31, 2022, 8:01am UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151/1 "2022-10-31T08:01:28Z")

</div>

I’m on Pinegrow 6.7 and a new TailWindCSS project is entering version 2.0.2 :

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

But we can easily use 3.2.1 CDN via JavaScript

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

Any reason why PG is not using the JavaScript line ?

---

<div class="post-metadata">

### Author: ![matjaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/matjaz/32/5_2.png) [@matjaz](https://forum.pinegrow.com/u/matjaz)
#### Post date: [October 31, 2022, 3:46pm UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151/2 "2022-10-31T15:46:47Z")

</div>

@anjanesh there are two templates in New page → Tailwind. The one for TW 3.x uses the CDN JS version.

---

<div class="post-metadata">

### Author: ![joserick](https://avatars.discourse-cdn.com/v4/letter/j/e9c0ed/32.png) [@joserick](https://forum.pinegrow.com/u/joserick)
#### Post date: [October 31, 2022, 4:09pm UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151/3 "2022-10-31T16:09:08Z")

</div>

But the templates only use 3.0.12, when is the update for 3.2 released?

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [October 31, 2022, 4:43pm UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151/4 "2022-10-31T16:43:34Z")

</div>

BS and TWCSS updates for the Production and Live versions of Pinegrow are in the work and planned for the coming weeks.

---

<div class="post-metadata">

### Author: ![anjanesh](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/anjanesh/32/4044_2.png) [@anjanesh](https://forum.pinegrow.com/u/anjanesh)
#### Post date: [October 31, 2022, 5:24pm UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151/5 "2022-10-31T17:24:49Z")

</div>

3.2.0 released new and dynamic breakpoints like `max-lg` - most useful feature of all.

> **[Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries,...](https://tailwindcss.com/blog/tailwindcss-v3-2#max-width-and-dynamic-breakpoints)**
>
> ...and nested group support, \`aria-\*\` variants, \`data-\*\` variants, \`@supports\` support, and more.

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [October 31, 2022, 6:27pm UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151/6 "2022-10-31T18:27:03Z")

</div>

Absolutely. We are also actively following the evolutions of TailwindCSS and Bootstrap, and as said above, the updates will be effective in the coming weeks 😉

---

<div class="post-metadata">

### Author: ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)
#### Post date: [November 1, 2022, 12:28am UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151/7 "2022-11-01T00:28:26Z")

</div>

I’m pretty excited about the container queries and ARIA attribute variants. The hamster in my brain is running extra fast thinking of ways to take advantage of all the cool stuff they are adding.

---

<div class="post-metadata">

### Author: ![tytusie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/tytusie/32/6914_2.png) [@tytusie](https://forum.pinegrow.com/u/tytusie)
#### Post date: [February 23, 2023, 9:12pm UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151/8 "2023-02-23T21:12:55Z")

</div>

@anjanesh Hi there, just a simple question, when inspecting the page i made with tailwind, it says that:

![immagine](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/631bb83ef8dd732f9a8eaf787630be2479c0dd89.png)

Do you know why?

---

<div class="post-metadata">

### Author: ![anjanesh](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/anjanesh/32/4044_2.png) [@anjanesh](https://forum.pinegrow.com/u/anjanesh)
#### Post date: [February 24, 2023, 12:50am UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151/9 "2023-02-24T00:50:26Z")

</div>

Try to get the latest standalone build from [here](https://github.com/tailwindlabs/tailwindcss/releases/tag/v3.2.7) and run it generate your final CSS file which will be much lighter than [cdn.tailwindcss.com](http://cdn.tailwindcss.com)