# Drag grid items on page in PG?

**URL:** https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158
**Category:** Questions
**Created:** [June 18, 2023, 5:44pm UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158 "2023-06-18T17:44:56Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [June 18, 2023, 5:44pm UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158/1 "2023-06-18T17:44:56Z")

</div>

Drag grid items on page in PG to get A tabs? Below doesn’t do it or I didn’t understand. Help please  
 ![Automatic placement Grid tabs in Pinegrow](https://pinegrow.com/wp-content/uploads/grid9.jpg)

“Let’s start by placing the image. If you select the image in either the Tree panel or the Page View you can see that the edges now have tabs with the letter “A”, standing for automatic. This is because we haven’t added any CSS properties to define where it should be placed in the grid. We can also notice that the bottom of the image if floating between two areas. That is because the image is being constrained by the width of the column and then maintaining expanding to the full height of the image.”

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [June 19, 2023, 5:27pm UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158/2 "2023-06-19T17:27:27Z")

</div>

Maybe it doesn’t show if you have grid properties? I think it is called style attributes. But nothing I’ve tried brings it up in PG. Well, back to VSC.

---

<div class="post-metadata">

### Author: ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)
#### Post date: [June 19, 2023, 5:30pm UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158/3 "2023-06-19T17:30:39Z")

</div>

@kat Can you point me to the tutorial you are following? I know that Chrome did an update at some point that changed CSS Grid behavior and Pinegrow had to add an addendum to one of their tutorials, I just don’t remember which one off the top of my head.

Maybe @emmanuel can point us to the right place?

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [June 19, 2023, 8:36pm UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158/4 "2023-06-19T20:36:03Z")

</div>

[https://www.udemy.com/course/learn-css-grid-with-pinegrow/learn/lecture/11841192#overview](https://www.udemy.com/course/learn-css-grid-with-pinegrow/learn/lecture/11841192#overview)  
This is the time code so it’s in various previous spots.  
Appreciate your help Adam.

---

<div class="post-metadata">

### Author: ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)
#### Post date: [June 19, 2023, 9:53pm UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158/5 "2023-06-19T21:53:15Z")

</div>

Yup. It looks like they updated it on the website, but not Udemy. Here is the link to the updated tutorial.

> **[Positioning with named lines and improving the design - Updated | Pinegrow...](https://pinegrow.com/courses/learn-css-grid-with-pinegrow/positioning-with-named-lines-and-improving-the-design/)**
>
> We'll add a poster image to page header and position it with named lines. Then, we'll do some CSS styling to make the page more attractive. Make sure to watch the video update as well.

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [June 20, 2023, 1:53am UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158/6 "2023-06-20T01:53:22Z")

</div>

I’ll watch the update tomorrow, Adam.  
Has PG eliminated the “A tabs” that I can use to drag the size of grid cells to fit where elements go?

---

<div class="post-metadata">

### Author: ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)
#### Post date: [June 20, 2023, 2:26am UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158/7 "2023-06-20T02:26:47Z")

</div>

The tabs are still there. I’ve been through that tutorial and it works as expected.

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [June 20, 2023, 2:44pm UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158/8 "2023-06-20T14:44:05Z")

</div>

What do I need to click to get the “style Atribute” to show A tabs in PG?  
I usually use VSC. But hoped that a few tricks in PG like A tabs that might be worth using PG more.

 ![No A tab](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/2a21bb95f5dc37d281911f1823b94bd2eb32b2c8.jpeg)

---

<div class="post-metadata">

### Author: ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)
#### Post date: [June 20, 2023, 3:26pm UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158/9 "2023-06-20T15:26:07Z")

</div>

@kat Silly question, do you have the CSS Grid helpers showing? The screenshot below shows the track numbers since the element’s location has been defined, but the concept is the same.

If enabling that option doesn’t address the issue, you may want to zip your project folder up and send it to Pinegrow’s support email address ([support@pinegrow.com](mailto:support@pinegrow.com)) so they can troubleshoot it further.

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/8/879c286bc0d9399857d92daec08ebf0d168f718a.jpeg)

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [June 20, 2023, 4:31pm UTC](https://forum.pinegrow.com/t/drag-grid-items-on-page-in-pg/8158/10 "2023-06-20T16:31:15Z")

</div>

Excellent Q, Adam. It did give me a chance to thing about display. But yes I do have grid showing.  
PG and I have issues, still this was a good opportunity to get reacquainted.  
Now back to checking grid code in VSC instead of hoping for shortcut ; )
