# Flexbox styles in css editor

**URL:** <https://forum.pinegrow.com/t/flexbox-styles-in-css-editor/951>\
**Category:** General\
**Created:** [May 23, 2017, 2:40pm UTC](https://forum.pinegrow.com/t/flexbox-styles-in-css-editor/951 "2017-05-23T14:40:33Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Scorp](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/scorp/32/862_2.png) [@Scorp](https://forum.pinegrow.com/u/Scorp)\
**Post date:** [May 23, 2017, 2:40pm UTC](https://forum.pinegrow.com/t/flexbox-styles-in-css-editor/951/1 "2017-05-23T14:40:33Z")

</div>

Hi all. I study pinegrow and found the built-in editor flexbox. Is there a flexbox or have to manually code enter flebox styles. Thank you.

---

<div class="post-metadata">

**Author:** ![Scorp](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/scorp/32/862_2.png) [@Scorp](https://forum.pinegrow.com/u/Scorp)\
**Post date:** [May 24, 2017, 9:29am UTC](https://forum.pinegrow.com/t/flexbox-styles-in-css-editor/951/2 "2017-05-24T09:29:14Z")

</div>

I understand about flexbox here nobody has heard of? ))) Personally, I don’t know how to impose modern website without flex. At the moment I use webflow for prototyping my sites, they went very far, but there are many limitations. Pinegrow can be a strong competitor to many tools. I think your project has a great future.

---

<div class="post-metadata">

**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\
**Post date:** [May 24, 2017, 12:55pm UTC](https://forum.pinegrow.com/t/flexbox-styles-in-css-editor/951/3 "2017-05-24T12:55:03Z")

</div>

Hi @Scorp ,

Welcome to the forum.

[quote=“Scorp, post:2, topic:951”]  
I understand about flexbox here nobody has heard of? ))) Personally, I don’t know how to impose modern website without flex. [/quote]

The new “Visual CSS Editor” coming in **Pinegrow 3** , shows support for various Flex Container & Flex Child properties. So seemingly one can assume “Pinegrow 3” will have integrated support for FlexBox throughout the app when it arrives.

See the “Countdown to Pinegrow 3.0” [video here](https://www.youtube.com/watch?v=u7ORUMEZBEg&list=PLNHKFtMjaNvEvUSXFV3FNj7JKtuIXbafi&t=52) that shows it.

Here is a screenshot from the above video.

![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/ac9c8567d8d3264ab7910d8b609d16216dd705e9.png)

Hope that helps regarding your FlexBox inquiry, and its support in the soon to be released Pinegrow 3.

😉 🌲 ❤

---

<div class="post-metadata">

**Author:** ![Thomas](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/thomas/32/61_2.png) [@Thomas](https://forum.pinegrow.com/u/Thomas)\
**Post date:** [May 24, 2017, 3:21pm UTC](https://forum.pinegrow.com/t/flexbox-styles-in-css-editor/951/4 "2017-05-24T15:21:37Z")

</div>

> [@Pinegrow\_User](#):
>
> So seemingly one can assume “Pinegrow 3” will have integrated support for FlexBox throughout the app when it arrives.

Very good call - one question left though:

Under what conditions does one have those properties available? Framework, Starter-Kit or even from scratch?

Cheers

Thomas

---

<div class="post-metadata">

**Author:** ![Scorp](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/scorp/32/862_2.png) [@Scorp](https://forum.pinegrow.com/u/Scorp)\
**Post date:** [May 24, 2017, 3:45pm UTC](https://forum.pinegrow.com/t/flexbox-styles-in-css-editor/951/5 "2017-05-24T15:45:44Z")

</div>

+1  
Have to wait for version 3.0, you might need to move gradually? Several updates and still waiting…

---

<div class="post-metadata">

**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\
**Post date:** [May 24, 2017, 4:41pm UTC](https://forum.pinegrow.com/t/flexbox-styles-in-css-editor/951/6 "2017-05-24T16:41:48Z")

</div>

Indeed, much is still left to question, even with the “Countdown to Pinegrow 3.0” videos.

The video shows Display being set to Flex from the Display list, then followed by the Flex properties being set. I would assume it will be pretty universal in its usage, since its just CSS. You can also see Grid listed in the Display list.

I’m not sure why Flex is shown twice in the list however?  
(click the image to see the full screenshot)

 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/7e8b38e53faef19740b056a96b04bc0a7e7f54dd.png)

I assume it will be pretty universal in its availability and usage. But we don’t know enough at this point to truly know.

---

<div class="post-metadata">

**Author:** ![Thomas](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/thomas/32/61_2.png) [@Thomas](https://forum.pinegrow.com/u/Thomas)\
**Post date:** [May 24, 2017, 8:27pm UTC](https://forum.pinegrow.com/t/flexbox-styles-in-css-editor/951/7 "2017-05-24T20:27:01Z")

</div>

I think you’re right, indeed - universal (haven’t really thought enough about my question).

I’m looking forward to V3 and how it works together with “Reginald” which has only the very basic flex-properties for creating the structure. All this UI discussion isn’t mine anyway. I’m far more interested in SASS and how it will be integrated (I assume not the way I’d like) and strengthening the “from scratch - does it really mean from nil?” position.

Cheers

Thomas
