# CSS grid in Pinegrow

**URL:** <https://forum.pinegrow.com/t/css-grid-in-pinegrow/1601>\
**Category:** Styling (CSS)\
**Created:** [February 10, 2018, 10:44pm UTC](https://forum.pinegrow.com/t/css-grid-in-pinegrow/1601 "2018-02-10T22:44:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [February 10, 2018, 10:44pm UTC](https://forum.pinegrow.com/t/css-grid-in-pinegrow/1601/1 "2018-02-10T22:44:07Z")

</div>

Hi, has anyone looked at

> **[CSS Grid](https://cssgrid.io/)**
>
> Learn all about CSS Grid with Wes Bos in this free video series!

in PineGrow open URL?

i looks totallly broken to me.  
I was going to check out the layout and css grid in Pingrow, but, ummm, not happening.

yeah interesting. I was just chatting to @balam on slack and it is broken in firefox on his linux too.  
Yet works on my firefox. on a mac (he is version 59 on linux i am 58 on mac)

Its broken in Google Chrome.

broken in vivaldi  
Broken in safari 11.0.3  
and Opera.

so it would appear that it only works on firefox on mac!  
oh! pants

what does anyone else think of this web design technology? is it worth adopting it just yet?  
and wha DOES It work in?

and itsnt it odd… we have css grid capability in Pinegrow but  
cant view this site in it! 😃

So, what is broken and how to make it work?

[https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/14c3646ebf71115df04e7e8b405b240cfef8a994.mp4](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/14c3646ebf71115df04e7e8b405b240cfef8a994.mp4)

It should look like that at the beginning. …funky

That is the mouse over effect. not visible in any other browser

---

<div class="post-metadata">

**Author:** ![SureWeb](https://avatars.discourse-cdn.com/v4/letter/s/71e660/32.png) [@SureWeb](https://forum.pinegrow.com/u/SureWeb)\
**Post date:** [February 11, 2018, 1:01am UTC](https://forum.pinegrow.com/t/css-grid-in-pinegrow/1601/2 "2018-02-11T01:01:59Z")

</div>

The href for the stylesheet has a relevant URL and there is a query in the URL so you would need to change the link tag to `<link rel="stylesheet" href="https://cssgrid.io/stylesheets/build/style-GRID.css">`  
It will then display correctly in Pinegrow.

For supported browsers  
[https://caniuse.com/#search=css%20grid%20layout](https://caniuse.com/#search=css%20grid%20layout)

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [February 11, 2018, 1:07am UTC](https://forum.pinegrow.com/t/css-grid-in-pinegrow/1601/3 "2018-02-11T01:07:04Z")

</div>

ah geat! thanks I thought it might be a page style error but was too tired, and puzzled by why it workd in firefox. great

super!!! well done you 🙂 thanks.  
ok, bed now IM tired

wow! weird the span classes have all got strange emoticons for the _CSS GRID_ animated header in the tree view! wtf?

---

<div class="post-metadata">

**Author:** ![SureWeb](https://avatars.discourse-cdn.com/v4/letter/s/71e660/32.png) [@SureWeb](https://forum.pinegrow.com/u/SureWeb)\
**Post date:** [February 11, 2018, 1:13am UTC](https://forum.pinegrow.com/t/css-grid-in-pinegrow/1601/4 "2018-02-11T01:13:47Z")

</div>

If you look at the page source code they are used in the class names 🤣, sense of humor maybe?

As to it working in Firefox it could be that the file was cached?