# Problem with spacing on CSS Grids

**URL:** <https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716>\
**Category:** Elements\
**Created:** [May 23, 2025, 1:23pm UTC](https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716 "2025-05-23T13:23:32Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [May 23, 2025, 1:23pm UTC](https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716/1 "2025-05-23T13:23:32Z")

</div>

@dan having a great day playing with CSS Grids, I have done a file uploaded to cloud and hope you can see it? I have done this in two hours and happy to share it with everyone so they can play and enhance it to meet their needs.  
I have used RW since v2 and invested a lot of £ in stacks and various add ons since I started. I have successfully run a home business totally on line using mostly RW, Cartloom, Foundation and Stacks so the investment has been worth it.  
I have decided to play this weekend with my most used stacks to see if [ELEMENTS](https://elementsapp.io/) does away with the “need” for the stacks I am using so started with CSS Grids. This I can see getting rid of need for quite a few of the stacks I currently use.  
I am so impressed (mostly with myself) as a non coder how EASY this process has been, however I have one niggle and I have tried everything and it’s annoying me.

 ![Screenshot 2025-05-23 at 12.53.59](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/5/d53d2968e353e0a572f59aa4bb813f6796e5eba0.jpeg)  
The pain is I want lower right container to be the same gap (5) as rest of grid, but no matter what I do I can not get it to move up close to bottom of container above. Help Please! TIA

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [May 23, 2025, 3:56pm UTC](https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716/2 "2025-05-23T15:56:49Z")

</div>

if you share can take a look to see the issue

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [May 23, 2025, 4:09pm UTC](https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716/3 "2025-05-23T16:09:52Z")

</div>

Ive uploaded to cloud but how do I share it here? TIA

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [May 23, 2025, 4:13pm UTC](https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716/4 "2025-05-23T16:13:12Z")

</div>

then paste in post

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [May 23, 2025, 4:25pm UTC](https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716/5 "2025-05-23T16:25:52Z")

</div>

Thanks I’ll do that later as not at computer at moment. Have a great long weekend!

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [May 23, 2025, 9:42pm UTC](https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716/6 "2025-05-23T21:42:57Z")

</div>

elementsapp://downloadDocument/DC9THI0P3jRW

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [May 24, 2025, 8:06am UTC](https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716/7 "2025-05-24T08:06:52Z")

</div>

Had a quick look, but out all day now.  
Nice Bento look.  
Looks like you adjusted all the settings in the container grids for row and columns. One at least of which pushes right outside and down  
The [Elements](https://elementsapp.io/) settings are auto rows. When you add a grid they auto push to the next row, if no room, a while since I used that method in [Elements](https://elementsapp.io/)

I imagine you had to play around a lot in the last grid set up

One thing to remember is to check the grid at different screen sizes and see how that pushes or does not push the grids around

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [May 24, 2025, 10:01am UTC](https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716/8 "2025-05-24T10:01:29Z")

</div>

Thanks I was just playing around and having fun but do appreciate what you have said THANKS. Yes all the others flowed and were easy but the last one when I did the top right one everything else seemed to go AWOL so played around with all settings trying to achieve the look I wanted. I was just trying to learn the skill of as you say “bento” look and today I’ll try and do another stack I use a lot to see if I can create that. It was so much fun but if I come across a problem I like to find out what and how to rectify so will be bugged by this until I know! Enjoy your day! TIA

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [May 24, 2025, 11:00am UTC](https://forums.realmacsoftware.com/t/problem-with-spacing-on-css-grids/47716/9 "2025-05-24T11:00:14Z")

</div>

Yes play and see what happens only way, really good fun
