# CSS Grid System

**URL:** <https://forum.pinegrow.com/t/css-grid-system/1971>\
**Category:** General\
**Created:** [June 15, 2018, 9:55am UTC](https://forum.pinegrow.com/t/css-grid-system/1971 "2018-06-15T09:55:10Z")\
**Posts on this page:** 7\
**Page:** 2

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [June 23, 2018, 8:11am UTC](https://forum.pinegrow.com/t/css-grid-system/1971/22 "2018-06-23T08:11:18Z")

</div>

Nice talk on css grid

---

<div class="post-metadata">

**Author:** ![Terry44](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/terry44/32/175_2.png) [@Terry44](https://forum.pinegrow.com/u/Terry44)\
**Post date:** [July 2, 2018, 12:04am UTC](https://forum.pinegrow.com/t/css-grid-system/1971/24 "2018-07-02T00:04:01Z")

</div>

Here is a really good FAQ video on CSS Grid & FlexBox and what each does.

I also really like this video from a design stand point that puts this stuff into perspective.

---

<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:** [July 2, 2018, 10:30am UTC](https://forum.pinegrow.com/t/css-grid-system/1971/25 "2018-07-02T10:30:56Z")

</div>

yeah that is very good.  
I posted it back in

> [@HELP ME! FLEX center](https://forum.pinegrow.com/t/help-me-flex-center/1712/8):
>
> maybe try using css grid, instead of flexbox as flexbox is really good at doing things in ONE PLANE - that is on one continues row. it has NO AWARENESS of what comes next! on the next row. whereas CSS Grid, knows the the whole page layout as it dictates the layout. here is a free course on css grid and this woman’s work is pretty good. she speaks quite slow (sometimes) so translation could be easier for you. this explains using css grid to get white space this is how to get css gr…

maybe we could make it a sticky post on here. Its always good to reference.

---

<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:** [July 5, 2018, 7:53am UTC](https://forum.pinegrow.com/t/css-grid-system/1971/26 "2018-07-05T07:53:59Z")

</div>

With the release of Pinegrow 4.9 … there is something new today…

> **[Introducing the Visual CSS Grid Editor in Pinegrow Web Editor](https://medium.com/@mattront/introducing-the-visual-css-grid-editor-in-pinegrow-web-editor-9412fd786edb)**
>
> By now you’ve probably heard (a lot) about the CSS grid, a set of CSS properties for defining two dimensional web layouts.

- You can watch an awesome tutorial on Youtube  
[https://www.youtube.com/watch?v=6a0h28iwRkE&list=PLNHKFtMjaNvHeanxy-kU579WigZiHDoH0](https://www.youtube.com/watch?v=6a0h28iwRkE&list=PLNHKFtMjaNvHeanxy-kU579WigZiHDoH0)

---

<div class="post-metadata">

**Author:** ![benhanna](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/benhanna/32/766_2.png) [@benhanna](https://forum.pinegrow.com/u/benhanna)\
**Post date:** [July 5, 2018, 10:30am UTC](https://forum.pinegrow.com/t/css-grid-system/1971/27 "2018-07-05T10:30:35Z")

</div>

Excellent, really looking forward to digging into this feature

---

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [July 5, 2018, 2:13pm UTC](https://forum.pinegrow.com/t/css-grid-system/1971/28 "2018-07-05T14:13:27Z")

</div>

Fantastic work! Simply amazing.

---

<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:** [July 5, 2018, 11:27pm UTC](https://forum.pinegrow.com/t/css-grid-system/1971/29 "2018-07-05T23:27:14Z")

</div>

Excellent! This is actually…nearly… Exciting!  
it makes me want to get to grips with it (and flexbox) to actually create something after a LOGICAL fashion!

not _dark arts, wave your hands in the air and recite some incantation (with exceptions for IE 9-?)_  
and hope for the best.

Fab work! looking forward to starting to play with it tomorrow. Great, well done

[Previous page](https://forum.pinegrow.com/t/css-grid-system/1971.md?page=1)
