# CSS Grid with Talwind CSS

**URL:** <https://forum.pinegrow.com/t/css-grid-with-talwind-css/8913>\
**Category:** General\
**Tags:** css, tailwind\
**Created:** [May 15, 2024, 10:52pm UTC](https://forum.pinegrow.com/t/css-grid-with-talwind-css/8913 "2024-05-15T22:52:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![TytanCodes](https://avatars.discourse-cdn.com/v4/letter/t/ce7236/32.png) [@TytanCodes](https://forum.pinegrow.com/u/TytanCodes)\
**Post date:** [May 15, 2024, 10:52pm UTC](https://forum.pinegrow.com/t/css-grid-with-talwind-css/8913/1 "2024-05-15T22:52:23Z")

</div>

Hello All. I am on using css grid and i want it to be responsive. I am using tailwind css. The video that shows how to use CSS grid from pinegrow says that he should’ve used classess. Talwind does use classes i think and i’m wondering how to do it.

TL;DR

How do i use tailwind css and css grid to make my webpage responsive?

---

<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:** [May 16, 2024, 8:35am UTC](https://forum.pinegrow.com/t/css-grid-with-talwind-css/8913/2 "2024-05-16T08:35:26Z")

</div>

@TytanCodes

The CSS Grid implementation in Pinegrow is designed for use without relying on a framework. (by using standard HTML/CSS)

TailwindCSS provides its own set of utility classes accessible through Pinegrow’s Properties panel.  
Check out Tailwind’s documentation for more information on these utility classes.

For example:

> **[Grid Template Rows - Tailwind CSS](https://tailwindcss.com/docs/grid-template-rows)**
>
> Utilities for specifying the rows in a grid layout.

> **[Grid Template Columns - Tailwind CSS](https://tailwindcss.com/docs/grid-template-columns)**
>
> Utilities for specifying the columns in a grid layout.

 ![SCR-20240516-jpzh](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/8/8529d9d6b6bae27094ba098094927f1080270a56.jpeg)
