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

Home Forums CSS Multiple in flexbox item with media query question

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #195225

    I’m not sure if this question is specific to flexbox or just html/css know-how. In my example, when the max-width is 420px is there some way to get the 3

    elements in the .slogan1 div to switch to two lines? Essentially combining the first 2

    elements to display in-line. My guess is there is a better way to achieve this using 1

    element and styling the text from there. Thanks in advance for any help/bashing. Here is the link to the CodePen.


    Also to note, I’ve tried turning .slogan1 p into a flex container and change flex-direction to row in the media query. The text for each individual

    ends up becoming 2 lines of text.


    Flexbox will allow you to re-order elements not combine them.

    That’s not to say you couldn’t make them look as though they had been combined.

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