# CSS Grid Pinegrow Tutorial Problem

**URL:** <https://forum.pinegrow.com/t/css-grid-pinegrow-tutorial-problem/7928>\
**Category:** Beginners\
**Created:** [April 16, 2023, 1:33pm UTC](https://forum.pinegrow.com/t/css-grid-pinegrow-tutorial-problem/7928 "2023-04-16T13:33:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sylviomr](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@sylviomr](https://forum.pinegrow.com/u/sylviomr)\
**Post date:** [April 16, 2023, 1:33pm UTC](https://forum.pinegrow.com/t/css-grid-pinegrow-tutorial-problem/7928/1 "2023-04-16T13:33:54Z")

</div>

I’m working through the tutorial [Positioning with named lines and improving the design - Updated | Pinegrow Web Editor](https://pinegrow.com/courses/learn-css-grid-with-pinegrow/positioning-with-named-lines-and-improving-the-design/) and have a problem with the poster image. No matter if in the wordpress plugin or in the normal pinegrow I have this problem. The image enlarges the 2 row with the headline. But in the video this does not happen. What am I doing wrong here? Only if I set the value of auto to a fixed value it fits so far. How can I achieve that it is limited to the height of the header area (as in the video) and does not increase this area as in my case.

 ![Frame 3](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/dbdc232dae7fd71a81f98ddbbb499e6f3f03655f.jpeg)

Screen from Tutorial:

> **[Dropbox Capture](https://capture.dropbox.com/oxww3LpHfDDmyABt)**
>
> Create and share screenshots, screen recordings, and video messages with the Dropbox Capture. Download and try Capture for free.

Screen my Work with Wordpressplugin:

> **[Dropbox Capture](https://capture.dropbox.com/vJahzhIw50I8iJmA)**
>
> Create and share screenshots, screen recordings, and video messages with the Dropbox Capture. Download and try Capture for free.

---

<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:** [April 16, 2023, 7:32pm UTC](https://forum.pinegrow.com/t/css-grid-pinegrow-tutorial-problem/7928/2 "2023-04-16T19:32:39Z")

</div>

Can you upload a copy zip file of your project? It’s hard to tell what might be happening from your screenshots, but I suspect it’s a simple CSS issue.

You may also want to check the [finish.html](https://pinegrow.com/wp-content/uploads/NewSummerNights.zip) file in the Summer Nights tutorial project. [That project](https://pinegrow.com/docs/css-grid/tutorials/creating-a-css-grid-layout-in-pinegrow/) does pretty much the same things as the one you are working on, so you might get some valuable insight there.

---

<div class="post-metadata">

**Author:** ![sylviomr](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@sylviomr](https://forum.pinegrow.com/u/sylviomr)\
**Post date:** [April 17, 2023, 6:12am UTC](https://forum.pinegrow.com/t/css-grid-pinegrow-tutorial-problem/7928/3 "2023-04-17T06:12:37Z")

</div>

Hi Adam, thank you very much for the explanation. Yesterday I searched a bit in Pinegrow’s Youtube fund and found this: [Update on the poster image - CSS Grid Course - YouTube](https://www.youtube.com/watch?v=KHApQiylFdY&t=605s) Here Matjaž showed the difference between the rendering of the older version and the new one. This was also my problem. With the wrapper around the image, it worked.