How do I stack the "post meta item" in the footer on single post page?

Hi there,

Change this CSS:

single-post .entry-meta, .single-post .entry-meta .meta-data { 
    display: flex;
}

to:

single-post .entry-meta, .single-post .entry-meta .meta-data { 
    display: flex;
    flex-wrap: wrap;
}

Hello, and thank you for taking the time to read this!

Because your code interfered with the header's entry-meta, I modified it.

footer.entry-meta {
    display: flex;
    flex-wrap: wrap;
} 

I tried it in this manner and it worked! Thank you so much!

Could you could assist me in creating a line between the entry-metas?

Hi there,

try this CSS:

.single-post footer.entry-meta .tags-links {
    padding: 10px 0;
    margin: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

It worked, thank you very much! 😀😀

Glad to hear that!