Site logo

[Resolved] Help with flex grid containers

Home Forums Support [Resolved] Help with flex grid containers

Home Forums Support Help with flex grid containers

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2418804
    George

    In the single post example I have the post meta laid out as a flex grid with 3 containers for author image, author name and published date. On mobile, the published date wraps to a new line but goes over the post author image. Is there a way to have the published date fall below the author name (Written by…)? I can’t use responsive settings here because of the flex nature of the grid.

    #2418978
    Fernando
    Customer Support

    Hi George,

    Will the Author image widths be constant? If so, how about adding left padding equivalent to the width of the Author image to the Container of this column on mobile view? Does this work?

    #2419556
    George

    Author image will be constant but the image width is too big to be used as padding between items. There will also be another post meta set as a custom field for when the post has a reviewer so I can’t afford to have such a large padding space. And, as I said, I am using flex since I want items to wrap to a new line when there is no space to fit them in one line.

    #2420021
    David
    Staff
    Customer Support

    Hi George,

    the Post meta would need to be wrapped in its own grid, you can then stack that grid on mobile.

    #2420442
    George

    Yeah, that sounds good, my mind was stuck there for a minute! Thanks, David and Fernando.

    #2421259
    David
    Staff
    Customer Support

    Glad we could be of help

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.