Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Flexbox- text to right and left.

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #257453
    novella
    Participant

    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

    #257458
    Paulie_D
    Moderator

    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.

    #257460
    novella
    Participant

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

    #257461
    Paulie_D
    Moderator

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.