read more button fixed position

Can you please just explain briefly what you did?

the difference between the first css and the last one

Hard to explain... I'm never good at this..

Here's a guide on Flexbox, I learned it from this link: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Ok. i know flex box a bit.

I mean the selector is not the same.

Because all the headline blocks are actually nested in the .gb-container.align-button > .gb-inside-container, so I use flexbox to re-do the layout inside gb-inside-container :)

Ok i see thanks for the explanation.

No problem :)

Can you please quickly help with this too, this will help me understand

i need the date to go to the bottom

i added a classe "post-meta-flex" to the container of the last blog square and the date

and then added this css

.post-meta-flex {
display:flex;
flex-direction: column;
align-content: space-between;
}

but it's not working. I might be missing or mis applying something here.

change the CSS to:

.post-meta-flex > .gb-inside-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

Ah ok, i forget that i changed the css to align-content.

So if i want to apply custom flex, i'll have to add the > .gb-inside-container ??

So if i want to apply custom flex, i’ll have to add the > .gb-inside-container ??

Yes, GB adds an gb-inside-container to the containerblock :)

So why it was not applied to the first CSS?

it was just

.align-buttons {
display: flex;
justify-content: flex-end;
flex-direction: column;

}

It's just for different purposes.

Ok thank you very much for all your help.

No problem :)

Can you please help with this too.

I applied same CSS for the blog post template ) to the post navigation

but it's not working.

I don't have much time for this, would appreciate your help on this with a brief explanation.

thanks.