# Grid for section of page only
**URL:** https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068
**Category:** Beginners
**Created:** [June 4, 2019, 3:02pm UTC](https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068 "2019-06-04T15:02:08Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@another\_coder](https://forum.pinegrow.com/u/another_coder)
#### Post date: [June 4, 2019, 3:02pm UTC](https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068/1 "2019-06-04T15:02:08Z")
Okay, after my first attempt to build a page starting with a grid structure (before putting content in the ) failed, I would like to try something else: Create a grid for a on a page with 5 div elements. I tried selecting the divs in the code but cannot find a way to then create a grid.
I’d appreciate some advice.
Thanks.
---
### Author:  [@Marf](https://forum.pinegrow.com/u/Marf)
#### Post date: [June 4, 2019, 3:48pm UTC](https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068/2 "2019-06-04T15:48:53Z")
Did you saw / read / watch the **documentation and tutorial** about **CSS Grid** …
They are a great resource and guidance!
Good luck and have fun!
🥳
* * *
> **[Visual Editor for CSS Grid Layouts | Pinegrow Web Editor](https://pinegrow.com/blog/introducing-the-visual-css-grid-editor/)**
>
> Pinegrow Web Editor includes a powerful collection of visual tools for working with CSS Grid.
> **[Summer Nights CSS Grid Tutorial | Pinegrow Web Editor](https://docs.pinegrow.com/docs/css-grid/tutorials/summer-nights-css-grid-tutorial/)**
>
> A step by step tutorial on creating a responsive CSS grid layout with fallback for older browsers.
> **[Learn CSS Grid with Pinegrow | Pinegrow Web Editor](https://pinegrow.com/courses/learn-css-grid-with-pinegrow/)**
>
> The goal is to quickly learn enough about the CSS grid so that we can start using it in our projects.
* * *
---
### Author:  [@another\_coder](https://forum.pinegrow.com/u/another_coder)
#### Post date: [June 4, 2019, 4:29pm UTC](https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068/3 "2019-06-04T16:29:10Z")
Yes I did, but it did not help any further. So might just continue handcoding.
---
### Author:  [@Marf](https://forum.pinegrow.com/u/Marf)
#### Post date: [June 4, 2019, 5:01pm UTC](https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068/4 "2019-06-04T17:01:17Z")
**Short guidance :**
Create a **“container”** , put 5 **“divs”** inside the container.
Select the **“container”** and define a grid layout.
The **“divs”** will be placed on the grid from where you can drag them and re-arange them with the visual controls, to the section(s) you want.
---
### Author:  [@another\_coder](https://forum.pinegrow.com/u/another_coder)
#### Post date: [June 4, 2019, 5:17pm UTC](https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068/5 "2019-06-04T17:17:04Z")
Ahh … my mistake: I only selected the divs _inside_ the container. Thanks Marf … Ok, I’ll continue playing now (although handcoding took me about 3 minutes or so - but if it comes to bigger projects I’d appreciate a “grid-maker”.
Thanks a lot.
---
### Author:  [@Marf](https://forum.pinegrow.com/u/Marf)
#### Post date: [June 4, 2019, 5:26pm UTC](https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068/6 "2019-06-04T17:26:00Z")
The documentation and tutorial is **very clear** to define it on the “container”… 🤐 😇 👀
---
### Author:  [@another\_coder](https://forum.pinegrow.com/u/another_coder)
#### Post date: [June 4, 2019, 5:47pm UTC](https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068/7 "2019-06-04T17:47:11Z")
Yes, well I’d be happy if there was a major text-documentation. I see a ton of videos and a few text sections, which are very good, but for looking up stuff in text … okay, that may be just me.
Anyway, thanks again for your help. I retried with Pinegrow and got the grid done.
Cheers
---
### Author:  [@Marf](https://forum.pinegrow.com/u/Marf)
#### Post date: [June 4, 2019, 5:57pm UTC](https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068/8 "2019-06-04T17:57:16Z")
> **[Visual Editor for CSS Grid Layouts | Pinegrow Web Editor](https://pinegrow.com/blog/introducing-the-visual-css-grid-editor/)**
>
> Pinegrow Web Editor includes a powerful collection of visual tools for working with CSS Grid.
Section **“Creating the grid”** the first sentence is…
> The CSS grid layout is defined on the **container element**.
Directly followed by :
> Let’s say we have a div with a heading, image, tagline and a block of text.
>
> To arrange those elements into a grid, we create the grid on **the parent div element** by selecting it and clicking on the Edit grid icon or pressing CMD+G\_KEY (CTRL\_KEY on Windows and Linux) shortcut.
* * *
(Not hard to find. But no problem, we all can make mistakes) 🕶
---
### Author:  [@droidgoo](https://forum.pinegrow.com/u/droidgoo)
#### Post date: [August 25, 2019, 9:40pm UTC](https://forum.pinegrow.com/t/grid-for-section-of-page-only/3068/9 "2019-08-25T21:40:14Z")
don’t you generally want to do this on the BODY so you can use grid to control all parts of the page, instead of using DIV?