Flexbox- text to right and left.

[novella]

I currently have a flex box with an image, on either side I want to be able to have text, and then fully centered in the browser.
Annoyingly the image won’t show up on codepen so I have posted an image for reference, is there a way to do this using the flex box css.
Consider the white to be the browser and then the brown box to be an image, with anywhere that says “text” to be text.
https://codepen.io/novella/pen/mMRMmm

http://imgur.com/a/gj5Ng

[Paulie_D]

I currently have a flex box with an image, on either side I want to be able to have text, and then fully centered in the browser.

That design really isn’t suited to flexbox…

I’m not saying it can’t be done but now it needs to be broken down into proper rows and columns..

Do that..the use flexbox to align as required.

[novella]

Thanks, is there any other way you would recommend I do this?

[Paulie_D]

As I said…flexbox can do it but you’d probably have to change the structure.

Other than that..CSS Grid would be an ideal layout.

[Author]

Posts