# HELP ME! FLEX center **URL:** \ **Category:** Beginners\ **Tags:** css, tool\ **Created:** [March 10, 2018, 6:40am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712 "2018-03-10T06:40:22Z")\ **Posts on this page:** 15\ **Page:** 1
**Author:** ![artimm](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@artimm](https://forum.pinegrow.com/u/artimm)\ **Post date:** [March 10, 2018, 6:40am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/1 "2018-03-10T06:40:22Z")
Tell me how to align the blocks to the right and that the content is left centered ![111](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/7c8cbe48614cb3a4a5d1c407249e50952a37ef14.jpg) If you select \>\> justify start when resizing, the blank space on the right ---
**Author:** ![mandarin](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mandarin/32/806_2.png) [@mandarin](https://forum.pinegrow.com/u/mandarin)\ **Post date:** [March 10, 2018, 9:05am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/2 "2018-03-10T09:05:44Z")
How does it look in Browser ? ---
**Author:** ![artimm](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@artimm](https://forum.pinegrow.com/u/artimm)\ **Post date:** [March 10, 2018, 9:47am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/3 "2018-03-10T09:47:28Z")
browser? also. I’m trying to make a grid like as on this site [http://y8.com](http://y8.com). div item game. ---
**Author:** ![mandarin](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mandarin/32/806_2.png) [@mandarin](https://forum.pinegrow.com/u/mandarin)\ **Post date:** [March 10, 2018, 10:09am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/4 "2018-03-10T10:09:07Z")
Simple question really. How does it look in browser which is a live environment rather than the built in Pinegrow broswer? ---
**Author:** ![artimm](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@artimm](https://forum.pinegrow.com/u/artimm)\ **Post date:** [March 10, 2018, 10:11am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/5 "2018-03-10T10:11:06Z")
also) sorry, using translator ---
**Author:** ![artimm](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@artimm](https://forum.pinegrow.com/u/artimm)\ **Post date:** [March 10, 2018, 11:48am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/6 "2018-03-10T11:48:37Z")
how to achieve this effect in pinegrow? ![%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/f64146f33ceb5e644a2a5ab9f430917f1df5a07d.PNG) ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [March 11, 2018, 10:08am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/7 "2018-03-11T10:08:21Z")
you will have difficulty doing this with Flex as Flex moves things in ONE DImension - that is… it only orders things in ONE LONG ROW - it has no idea, what comes next. you could try flex box froggy, to give you some idea of how to position things in Flex box 🙂 > **[Flexbox Froggy](http://flexboxfroggy.com/)** > > A game for learning CSS flexbox and @itsmeleo has created a video where he provides all the solutions (including the last one -which was the only one I couldn’t figure out mysefl) and it might be better to post this in JUST one area, @artimm as there are now two seperate threads for this. ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [March 11, 2018, 10:08am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/8 "2018-03-11T10:08:51Z")
maybe try using css grid, instead of flexbox as flexbox is really good at doing things in ONE PLANE - that is on one continues row. it has NO AWARENESS of what comes next! on the next row. whereas CSS Grid, knows the the whole page layout as it dictates the layout. here is a free course on css grid > **[CSS Grid](https://cssgrid.io)** > > Learn all about CSS Grid with Wes Bos in this free video series! and this woman’s work is pretty good. she speaks quite slow (sometimes) so translation could be easier for you. this explains using css grid to get white space this is how to get css grid layout to be arty. and how to _fall back_ for older browsers ---
**Author:** ![itsmeleo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/itsmeleo/32/19_2.png) [@itsmeleo](https://forum.pinegrow.com/u/itsmeleo)\ **Post date:** [March 11, 2018, 10:26am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/9 "2018-03-11T10:26:00Z")
just use flex-grow: 1 on child ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [March 11, 2018, 10:32am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/10 "2018-03-11T10:32:43Z")
…or, what he said! yes him, @itsmeleo 🙂 he’s clever! ---
**Author:** ![artimm](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@artimm](https://forum.pinegrow.com/u/artimm)\ **Post date:** [March 11, 2018, 2:31pm UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/11 "2018-03-11T14:31:12Z")
I would be grateful if you show an example ---
**Author:** ![VSW](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/vsw/32/1067_2.png) [@VSW](https://forum.pinegrow.com/u/VSW)\ **Post date:** [March 13, 2018, 10:34pm UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/12 "2018-03-13T22:34:07Z")
For a predictable outcome, you could try to use Bootstrap’s columns which is well implemented in pinegrow. Furthermore, have you tried to open [y8.com](http://y8.com) in Pinegrow using the “open url” feature? You could study it’s structure that way. ---
**Author:** ![artimm](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@artimm](https://forum.pinegrow.com/u/artimm)\ **Post date:** [March 14, 2018, 6:27am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/13 "2018-03-14T06:27:09Z")
I need a fixed size irem. “open url” - this is the first thing I tried ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [March 14, 2018, 7:02am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/14 "2018-03-14T07:02:20Z")
ok, @artimm, I dont know how to help you with this, I shall wait and see what others say. Good luck. 🙂 ---
**Author:** ![artimm](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@artimm](https://forum.pinegrow.com/u/artimm)\ **Post date:** [March 14, 2018, 7:24am UTC](https://forum.pinegrow.com/t/help-me-flex-center/1712/16 "2018-03-14T07:24:44Z")
I found a couple of ways, but I do not want to use a grid [https://codepen.io/justincavery/pen/PjYEjN](https://codepen.io/justincavery/pen/PjYEjN)