# How to achieve this effect in pinegrow?
**URL:** https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713
**Category:** Styling (CSS)
**Tags:** tool, css
**Created:** [March 10, 2018, 12:02pm UTC](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713 "2018-03-10T12:02:53Z")
**Posts on this page:** 8
**Page:** 1
### Author:  [@artimm](https://forum.pinegrow.com/u/artimm)
#### Post date: [March 10, 2018, 12:02pm UTC](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713/1 "2018-03-10T12:02:53Z")
---
### Author:  [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [March 11, 2018, 10:05am UTC](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713/2 "2018-03-11T10:05:43Z")
Hi there @artimm , Well, I was waiting for someone cleverer to help you, but its been a bit quiet, so I thought I would.
It was quite easy, as I was going to cheat.
however, I couldnt, as I think I found a PineGrow bug.
so I have created a video which is based on using CSS Grid… from
> **[How To: Use CSS Grid Layout to Make a Simple, Fluid Card Grid -...](https://bryanlrobinson.com/blog/2017/07/26/howto-css-grid-layout-to-make-a-simple-fluid-card-grid/)**
>
> In this tutorial, I'm going to show you how to take one of the most common tropes of web design -- the card grid -- and make it fluid.
now, this was the sticky point for me before answering as there are QUITE A FEW ways to go about trying to do this…I guess, and I am not versed enough in them all to show the subtle differences.
however, I decided to use CSS grid to SHOW you (with a cheating, copy and paste video) as… it works in 2 dimensions, not just one long line (like flexbox- which can be used WITH CSSGrid, not just instead off )
Other people could show you using other things.
Since you have posted this in the CSS Styling channel, not the Bootstrap channel I thought I would use this technology. (Even though I thought bootstrap would have acheived this, _out of the box_ for you)
I modified the code with one simple change in the CSS - and then it all worked.
Strange.
So, it may be a _copy and paste_ bug in Pinegrow and it doens actually recognise the content of FULLY Pasted page/style sheet, - until you actually EDIT it… or something else.
anyway, this is a video on how to do it, in pinegrow
NOTE - this is NOT using the _normal_ Pinegrow techniques of block by block, but this is how to CHEAT, copy in the demo code and _THEN_ play with/view it after, to see how it _WAS_ done.
well, I’m trying! and I dont know whats going ont there as the vid is 27 MB not 30!
so I will have to youtube it.
this is all taking a while.
one (or two) moments please…
gah! that tok forever.
ok, the orignal, untrimmed video is now here
---
### Author:  [@itsmeleo](https://forum.pinegrow.com/u/itsmeleo)
#### Post date: [March 11, 2018, 10:27am UTC](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713/3 "2018-03-11T10:27:39Z")
use flex-grow:1 on child then it will cover the blank space automatically also you need to learn to use media queries along with flexbox.
---
### Author:  [@artimm](https://forum.pinegrow.com/u/artimm)
#### Post date: [March 11, 2018, 4:47pm UTC](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713/4 "2018-03-11T16:47:32Z")
I would be grateful if you show an example
---
### Author:  [@itsmeleo](https://forum.pinegrow.com/u/itsmeleo)
#### Post date: [March 12, 2018, 5:29am UTC](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713/5 "2018-03-12T05:29:35Z")
welcome to youtube. keep making videos on it.
---
### Author:  [@artimm](https://forum.pinegrow.com/u/artimm)
#### Post date: [March 13, 2018, 1:40pm UTC](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713/6 "2018-03-13T13:40:20Z")
thanks, but that’s not what me need. the size of cats varies, but I need a fixed size
---
### Author:  [@VSW](https://forum.pinegrow.com/u/VSW)
#### Post date: [March 13, 2018, 10:38pm UTC](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713/7 "2018-03-13T22:38:51Z")
Hi,
Please avoid duplicated post. You can set a fixed size for your divs and align them centered. See your other post for another answer. Good luck.
---
### Author:  [@artimm](https://forum.pinegrow.com/u/artimm)
#### Post date: [March 14, 2018, 6:28am UTC](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713/8 "2018-03-14T06:28:18Z")
\_\_\_\_\_\_\_\_\_\_\_ok, thanks!