# Why isn’t “css style code” made in style.css file?

**URL:** https://forum.pinegrow.com/t/why-isn-t-css-style-code-made-in-style-css-file/6363
**Category:** Pinegrow Interactions Add-on
**Created:** [March 9, 2022, 11:09pm UTC](https://forum.pinegrow.com/t/why-isn-t-css-style-code-made-in-style-css-file/6363 "2022-03-09T23:09:30Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)
#### Post date: [March 9, 2022, 11:09pm UTC](https://forum.pinegrow.com/t/why-isn-t-css-style-code-made-in-style-css-file/6363/1 "2022-03-09T23:09:30Z")

</div>

> > select “div” in tree panal =\>  
> > =\> tab “style” =\> … Create new CSS rule =\> click =\>  
> > =\> click an element to make a class =\>  
> > =\> select “Stylesheet” =\> in style.css =\>  
> > =\> div.grid-container in tree panel =\>  
> > =\> .grid-container in style.css =\>  
> > =\> Edit CSS Grid selection =\>  
> > =\> Create CSS Grid in CSS GRID FOR div.grid-container =\>

=\> inline style made =\>  
——————————————————————————————————————

1

2

3

4

5

6

7

8

9

——————————————————————————————————————

What I want to know is that

why isn’t “css style code” made in style.css file ?

Thanks

 ![스크린샷 2022-03-10 오전 8.10.01](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/2baa74a74d5676bdec53370cb4f7eeba44cfa386.png)

---

<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: [March 10, 2022, 7:30am UTC](https://forum.pinegrow.com/t/why-isn-t-css-style-code-made-in-style-css-file/6363/2 "2022-03-10T07:30:40Z")

</div>

Hello @alexseo,

Our best & super exhaustive documentation about how to deal with CSS in Pinegrow is available here:

> **[Styling with CSS | Pinegrow Web Editor](https://pinegrow.com/docs/master-pinegrow/style/)**
>
> Styling – painting and positioning elements – is done with CSS properties and rules. Pinegrow offers a collection of powerful styling tools to suit different tasks and workflows.

Other interesting documents:

> **[Add or Remove classes from elements | Pinegrow Web Editor](https://pinegrow.com/docs/how-to-guides/add-or-remove-classes-from-elements/)**
>
> Let's take a look at how you can add and remove classes (for example .my-class) from elements on the page.

> **[Using media queries and CSS functions to create a responsive design in...](https://pinegrow.com/tutorials/using-media-queries-and-css-functions-to-create-a-responsive-design-in-pinegrow/)**
>
> Your website needs to look good on a variety of screen sizes. Pinegrow makes responsive design easy with a variety of different tools.